♿ فاحص تباين الألوان WCAG — اختبار قابلية الوصول
فاحص تباين الألوان WCAG 2.2 المجاني: تحقق من تباين النص والخلفية، نتيجة AA/AAA لكل حجم خط، نصائح لإصلاح التباين الضعيف لمواقع متاحة لذوي الإعاقة البصرية.
معاينة النص — حجم العنوان
النص العادي — هذا مثال لفقرة قياسية بحجم 16px لمعاينة قابلية القراءة.
7.0
نسبة التباين✅
AA نص صغير✅
AA نص كبير✅
AAA📚 ما هي معايير WCAG؟
إرشادات قابلية وصول محتوى الويب (WCAG) من اتحاد الويب العالمي W3C تحدد معايير لجعل المواقع قابلة للاستخدام لذوي الإعاقات البصرية. لتباين الألوان، هناك ثلاثة مستويات:
- AA النص العادي: 4.5:1 على الأقل — معيار قانوني في معظم البلدان.
- AA النص الكبير (≥18pt أو ≥14pt غامق): 3:1 على الأقل.
- AAA النص العادي: 7:1 — معيار محسن لذوي ضعف البصر.
- AAA النص الكبير: 4.5:1.
لماذا هذا مهم؟ في السعودية، نظام حقوق الأشخاص ذوي الإعاقة يلزم الجهات الحكومية بمواقع متاحة. عالمياً، 8% من الرجال و0.5% من النساء مصابون بعمى الألوان — تباين جيد يجعل موقعك مستخدماً للجميع.
❓ FAQ
كيف تُحسب نسبة التباين؟
صيغة WCAG: (L1+0.05)/(L2+0.05) حيث L1 هو الإضاءة النسبية للون الأفتح وL2 للون الأغمق. النسبة تتراوح من 1:1 (نفس اللون) إلى 21:1 (أسود على أبيض).
ما هو "النص الكبير" تماماً؟
حجم 18pt (24px) عادي أو 14pt (18.66px) غامق وأعلى. الحجم الأكبر يحتاج تبايناً أقل لأنه أسهل قراءة.
هل المستوى AAA مطلوب قانونياً؟
لا. AA هو الحد الأدنى القانوني في الاتحاد الأوروبي وأمريكا. AAA توصية وليس إلزام، لكنه مفضل للمواقع الحكومية والخدمية الحساسة.
كيف أُصلح تبايناً ضعيفاً؟
اجعل النص أغمق (أقل إضاءة في HSL) أو الخلفية أفتح. لا تستخدم الرمادي الفاتح للنص على أبيض — اختر #555 على الأقل.