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