مدقق التباين
يحسب فاحص التباين نسبة التباين وفق WCAG 2.1 بين لون النص ولون الخلفية، ويبيّن ما إذا كان الزوج يجتاز مستويي AA وAAA للنص العادي والكبير.
حول هذه الأداة
يحسب فاحص التباين نسبة التباين وفق WCAG 2.1 بين لون النص ولون الخلفية، ويبيّن ما إذا كان الزوج يجتاز مستويي AA وAAA للنص العادي والكبير.
طريقة الاستخدام
- أدخل لون النص أو اختره.
- أدخل لون الخلفية أو اختره (تعمل قيم hex، بما فيها الصيغة المختصرة من 3 خانات).
- اقرأ نسبة التباين ونتائج AA/AAA للنص العادي والكبير.
- عدّل أيًّا من اللونين حتى يجتاز المستوى الذي تحتاجه.
معلومات مفيدة
- يتطلب مستوى WCAG 2.1 AA نسبة تباين لا تقل عن 4.5:1 للنص العادي و3:1 للنص الكبير.
- يتطلب مستوى WCAG 2.1 AAA نسبة لا تقل عن 7:1 للنص العادي و4.5:1 للنص الكبير.
- النص الكبير هو ما لا يقل عن 18 pt (24 px) بالوزن العادي أو 14 pt (نحو 18.66 px) بالخط العريض.
- تتراوح نسب التباين بين 1:1 (لونان متطابقان) و21:1 (أسود على أبيض).
- تُحسب النسبة من الإضاءة النسبية لكل لون، وفق معادلة WCAG.
تعمل بالكامل داخل متصفحك — لا يتم رفع أو حفظ أي شيء تُدخله.
الأسئلة الشائعة
ما نسبة التباين المطلوبة لإمكانية الوصول؟
في مستوى WCAG 2.1 AA يحتاج النص العادي إلى 4.5:1 على الأقل والنص الكبير إلى 3:1 على الأقل. ويرفع مستوى AAA ذلك إلى 7:1 و4.5:1.
هل النص الأبيض على الأخضر مناسب لإمكانية الوصول؟
يعتمد ذلك على الدرجة. كثير من درجات الأخضر الساطعة تُخفق في AA مع النص الأبيض، بينما تجتازه الدرجات الأغمق عادةً. أدخل قيم hex الدقيقة للتحقق.
ما الذي يُعد نصًا كبيرًا في WCAG؟
النص الذي لا يقل عن 18 نقطة (24 px) بالوزن العادي، أو لا يقل عن 14 نقطة (نحو 18.66 px) بالخط العريض.
هل ينطبق تباين WCAG على الأزرار والأيقونات؟
يطلب معيار النجاح 1.4.11 في WCAG 2.1 تباينًا لا يقل عن 3:1 لمكونات واجهة المستخدم والرسومات ذات الدلالة مقارنةً بما يحيط بها.