مدقق تباين الألوان
أدخل لونًا للمقدمة وآخر للخلفية للتحقق من نسبة تباين WCAG مع شارات AA وAAA للنص العادي والكبير.
21.00:1
AA
نص عادي
AA
نص كبير
AAA
نص عادي
AAA
نص كبير
معاينة
نصٌ حكيمٌ لهُ سرٌّ قاطعٌ وذو شأنٍ عظيمٍ مكتوبٌ على ثوبٍ أخضرَ ومُغلَّفٌ بجلدٍ أزرق.
نصٌ حكيمٌ لهُ سرٌّ قاطعٌ وذو شأنٍ عظيمٍ مكتوبٌ على ثوبٍ أخضرَ ومُغلَّفٌ بجلدٍ أزرق.
كيف يعمل
يقيس مدقق تباين الألوان التباين النسبي للسطوع بين ألوان النص والخلفية وفق إرشادات WCAG 2.1—المعيار العالمي لإمكانية الوصول.
أدخل ألوان النص والخلفية بصيغة HEX أو RGB أو HSL. تحسب الأداة فوراً سطوع كل لون ونسبة التباين بينهما.
تُختبر النتائج وفق مستويات WCAG: AA يتطلب 4.5:1 للنص العادي و3:1 للنص الكبير؛ AAA يتطلب 7:1 و4.5:1. يعرض المعاينة المرئية كيفية ظهور النص على تلك الخلفية.
التباين المنخفض يُصعّب القراءة على المستخدمين ضعاف البصر وخاصةً عمى الألوان.
حالات الاستخدام
- التحقق من امتثال لوحة ألوان العلامة التجارية لمتطلبات الوصول قبل إطلاق إعادة تصميم الموقع
- اختيار ألوان الأزرار والروابط التي تظل قابلة للقراءة على السمة الداكنة أو الفاتحة
- تلبية متطلبات WCAG 2.1 AA أو AAA للامتثال لـ Section 508 وEN 301 549 وADA
- مراجعة نموذج تصميمي مرسل من مصمم لتحديد النص غير القابل للقراءة قبل بدء التطوير
- تعليم مفاهيم الوصول بإظهار كيف تسبب اختلافات الإضاءة الصغيرة إخفاقات كبيرة في التباين
الأسئلة الشائعة
- ما هو WCAG؟
- إرشادات إمكانية الوصول لمحتوى الويب—معيار أصدره W3C وبات مطلوباً قانونياً في كثير من الدول.
- ما الحد الأدنى لنسبة التباين؟
- معظم المواقع تستهدف AA على الأقل (4.5:1 للنص العادي)؛ والمحتوى الحيوي AAA.
- هل للنص الكبير متطلبات مختلفة؟
- نعم—النص بحجم 18pt أو 14pt عريض يحتاج فقط 3:1 (AA) أو 4.5:1 (AAA).
- هل يأخذ المدقق عمى الألوان بعين الاعتبار؟
- درجات السطوع مبنية على الرياضيات الإدراكية وتغطي طبيعياً أكثر أنواع عمى الألوان شيوعاً.
- هل يمكن لصق كود HEX مباشرة؟
- نعم، الصق #RRGGBB أو RRGGBB—الأداة تقبل كلا الصيغتين.