اختبر تباين ألوان النص والخلفية وفق معايير WCAG.
فاحص التباين WCAG أداة تقيس نسبة التباين بين لون نص ولون خلفية وفق معايير Web Content Accessibility Guidelines. تُظهر النتيجة على شكل نسبة (مثل 4.5:1) مع تصنيف واضح: AA للنص العادي يتطلب 4.5:1 على الأقل، AAA يتطلب 7:1، والنص الكبير (18pt+ أو 14pt Bold) يقبل 3:1 لـ AA و4.5:1 لـ AAA. ضرورية لكل مصمم واجهات وموقع يستهدف الامتثال لقوانين إتاحة الوصول (ADA في أمريكا، EN 301 549 في أوروبا).
التباين المنخفض يجعل قراءة المحتوى صعبة على ذوي ضعف البصر (نحو 5% من السكان)، ومزعجاً للجميع في الإضاءة الساطعة كالشمس على شاشة الهاتف.
AA هو المستوى المطلوب قانونياً في أغلب الدول (نسبة 4.5:1 للنص العادي). AAA هو الأعلى (7:1) ويُستهدف للمواقع الحكومية والصحية والتعليمية الحساسة.
نعم. النص من 18pt (24px) فأكبر، أو 14pt Bold (18.66px)، يعتبر كبيراً ويقبل 3:1 لـ AA و4.5:1 لـ AAA.
نعم. WCAG 2.1 يتطلب 3:1 لجميع مكونات الواجهة غير النصية (أزرار، حدود حقول، أيقونات وظيفية) مقارنة بالخلفية.
إما تغميق النص، تفتيح الخلفية، أو استخدام لون مختلف كليّاً. الأداة تعرض النسبة فوراً عند تغيير أي لون، فجرّب حتى تصل إلى AA على الأقل.