حول فاحص تباين الألوان
النص الذي لا يبرز بما يكفي عن خلفيته يصعب قراءته على ضعاف البصر والمصابين بعمى الألوان وكبار السن، وعلى أي شخص يقرأ من هاتفه تحت أشعة الشمس الساطعة. تحدد إرشادات إمكانية الوصول إلى محتوى الويب (WCAG) الحد الأدنى لنسب التباين بين النص والخلفية: 4.5:1 للنص العادي و3:1 للنص الكبير في المستوى AA، و7:1 و4.5:1 في المستوى AAA الأكثر صرامة. يحسب هذا الفاحص النسبة الدقيقة لأي لونين ويخبرك بالمستويات التي يستوفيانها، مع معاينة مباشرة.
طريقة الاستخدام
- اختر لون النص (المقدمة) ولون الخلفية من منتقيات الألوان، أو اكتب قيم HEX أو RGB أو HSL.
- اقرأ نسبة التباين، من 1:1 (بلا تباين) إلى 21:1 (أسود على أبيض).
- تحقق من مستويات WCAG المستوفاة. إذا لم يُستوفَ مستوى ما، فاجعل أحد اللونين أغمق أو أفتح حتى يُستوفى.
- استخدم زر التبديل لاختبار اللونين بالعكس.
الأسئلة الشائعة
ما الذي يُعد نصًا كبيرًا؟
تعرّف WCAG النص الكبير بأنه ما لا يقل عن 18 نقطة (24 بكسل CSS) بالوزن العادي، أو 14 نقطة على الأقل (نحو 18.7 بكسل CSS) بالخط العريض.
ما المستوى الذي يجب أن يستوفيه موقعي؟
المستوى AA هو الهدف في معظم قوانين وسياسات إمكانية الوصول حول العالم، بما في ذلك قانون إمكانية الوصول الأوروبي وقانون ADA في الولايات المتحدة. ويُنصح بالمستوى AAA للنصوص الطويلة المخصّصة للقراءة متى أمكن.
ما هو فحص «مكوّنات الواجهة»؟
تشترط WCAG 2.1 والإصدارات اللاحقة تباينًا بنسبة 3:1 للأجزاء المرئية من عناصر التحكم، مثل حدود حقول الإدخال والأيقونات، وللرسومات ذات الدلالة، مقارنةً بالألوان المجاورة لها.