مدقق التباين

الصق لونًا أماميًا وخلفيًا (أو اختر من لقطة شاشة)؛ احصل على نسبة التباين ومستويات WCAG التي يجتازها. WCAG 2.1 AA هو خط الأساس القانوني لإمكانية الوصول في معظم الدول؛ AAA هو المعيار الأعلى الموصى به للمحتوى الحرج.

العتبات

• WCAG AA، النص العادي: 4.5:1 كحد أدنى.
• WCAG AA، النص الكبير (18 نقطة فأكثر أو 14 نقطة فأكثر مع عريض): 3:1 كحد أدنى.
• WCAG AAA، النص العادي: 7:1 كحد أدنى.
• WCAG AAA، النص الكبير: 4.5:1 كحد أدنى.
• مكونات واجهة المستخدم غير النصية (الأزرار، حدود النماذج): 3:1 كحد أدنى (WCAG 2.1+).

لماذا التباين مهم

النص منخفض التباين غير قابل للقراءة للمستخدمين ذوي الإعاقة البصرية (حوالي 4% من السكان)، والمستخدمين في ضوء الشمس الساطع، والمستخدمين على شاشات رخيصة، والعيون المتقدمة في العمر (الجميع، في النهاية). العديد من أنظمة التصميم تستخدم الرمادي على الرمادي افتراضيًا لأنه يبدو أنيقًا على شاشة 5K المعايرة للمصمم — ولكنه غير قابل للقراءة في أماكن أخرى.

الفشل في اجتياز WCAG AA هو أيضًا قابل للمقاضاة قانونيًا في الولايات المتحدة (ADA Title III)، والاتحاد الأوروبي (EAA)، والعديد من الدول الأخرى. تأمين رخيص: قم بتشغيل كل زوج نص/خلفية من خلال مدقق قبل النشر.

ما نبلغ عنه

1. نسبة التباين كرقم (مثل 4.71:1).
2. نجاح/فشل لكل مستوى WCAG وحجم نص.
3. إصلاحات مقترحة: أقرب لون أمامي أغمق أو خلفية أفتح يجتاز الاختبار.
4. معاينة حية مع نص عينة بزوج الألوان.

استخدمه مع محاكي عمى الألوان

التباين وعمى الألوان هما محوران مختلفان لإمكانية الوصول. قم بتشغيل محاكي عمى الألوان على نفس واجهة المستخدم للتحقق من أنها تعمل للمستخدمين المصابين بعمى الألوان أيضًا.