فاحص تباين الألوان
افحص نسبة تباين WCAG بين لونين سداسيين وشاهد ما إذا كان الزوج يجتاز معايير إمكانية الوصول AA وAAA.
هل أجابت هذه الأداة على سؤالك؟
شكرًا لك، هذا يساعدنا على تحسين الأداة.
كيفية استخدام هذه الأداة
- أدخل لون المقدمة (النص) ولون الخلفية كرموز سداسية عشرية.
- تحسب الأداة سطوع WCAG النسبي لكل لون.
- اقرأ نسبة التباين ونتائج النجاح/الفشل لعتبات AA وAAA.
افحص ما إذا كان لونان يستوفيان متطلبات تباين WCAG 2.1. الحد الأدنى للنسبة هو 4.5:1 للنص العادي (AA) و7:1 لأعلى معيار AAA.
المعادلة
For each hex color, compute relative luminance L using the WCAG formula:L = 0.2126 × lin(R) + 0.7152 × lin(G) + 0.0722 × lin(B)
where lin(c) = c/12.92 if c ≤ 0.03928, else lin(c) = ((c + 0.055)/1.055)2.4.
Contrast ratio: ratio = (Llighter + 0.05) / (Ldarker + 0.05)
WCAG thresholds: AA normal text ≥ 4.5:1; AA large text ≥ 3.0:1; AAA normal text ≥ 7.0:1; AAA large text ≥ 4.5:1.
الأسئلة الشائعة
- ما هي نسبة تباين WCAG؟
- تُعرّف إرشادات إمكانية الوصول لمحتوى الويب (WCAG) صيغة نسبة تباين. تتراوح من 1:1 (بلا تباين) إلى 21:1 (أسود على أبيض). يتطلب نص الجسم العادي 4.5:1 على الأقل للامتثال لمعيار AA.
- ما الذي يُعتبر نصًا كبيرًا؟
- النص الكبير هو 18 نقطة (24 بكسل) أو أكبر، أو 14 نقطة عريض (حوالي 19 بكسل عريض). يحتاج النص الكبير فقط لنسبة 3:1 لمعيار AA.