DESIGN
فاحص تباين WCAG — اختبار إمكانية الوصول
إمكانية الوصول ليست خياراً بل ضرورة. نحو 8% من سكان العالم يعانون من قصور في رؤية الألوان، وكثيرون يجدون صعوبة في قراءة النصوص ذات التباين المنخفض.
معايير تباين WCAG
- مستوى AA — نص عادي: 4.5:1 أو أكثر
- مستوى AA — نص كبير: 3:1 أو أكثر (18pt فأكثر أو 14pt عريض)
- مستوى AAA — نص عادي: 7:1 أو أكثر
- مستوى AAA — نص كبير: 4.5:1 أو أكثر
حساب نسبة التباين
معادلة WCAG: (L1 + 0.05) / (L2 + 0.05) حيث L1 هو الإضاءة النسبية للأفتح وL2 للأغمق.
الأخطاء الشائعة
- نص فاتح على خلفية فاتحة
- رمادي فاتح جداً للنص
- نص ملوّن على صورة خلفية
- تجاهل تباين عناصر UI المعطلة