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 المعطلة