نص كبير
نص أساسي عادي
تعليق صغير
#000000 حول هذه الأداة
نسبة تباين الألوان تقيس الفرق الإدراكي في الإضاءة بين لونين، مُعبَّرًا عنه بقيمة تتراوح من 1:1 (متطابقان) إلى 21:1 (أسود خالص على أبيض خالص). تُخطّط معادلة WCAG 2.x كل قناة sRGB خطيًا — مقطع خطّي تحت 0.03928 ومنحنى بأُسّ 2.4 فوقه — وتوزّن القنوات 0.2126 R / 0.7152 G / 0.0722 B للحصول على الإضاءة النسبية، ثم تحسب (lighter + 0.05) / (darker + 0.05). وتحدّد إرشادات الوصول إلى محتوى الويب (WCAG) أربع عتبات: يتطلب AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير (>=24px، أو >=18.66px بالخط العريض)؛ ويرفع AAA هاتين القيمتين إلى 7:1 و4.5:1.
استخدمه للتحقق من أن نص المتن والأزرار والروابط وتسميات النماذج تستوفي متطلبات الوصول قبل الإطلاق، أو لتصحيح زوج ألوان من نظام تصميم رصده تدقيق، أو لإيجاد بديل ناجح دون التخلي عن لوحة ألوانك. أدخِل أي لون CSS — hex أو rgb() أو hsl() أو اسم لون — في أيٍّ من الحقلين، واقرأ النسبة المباشرة وشبكة الدرجات، وعند إخفاق AA طبِّق اللون الأمامي المقترح الذي يحرّك إضاءة OKLCH للون الأصلي بالقدر الكافي تمامًا لبلوغ 4.5:1.
تعتمد نسبة التباين على الإضاءة فقط، لا على درجة اللون — فقد يختلف لونان لهما الإضاءة نفسها اختلافًا شديدًا في اللون ومع ذلك يُخفقان، لأن المستخدمين المصابين بعمى الألوان وضعف البصر يعتمدون على فارق الإضاءة.
الأسئلة الشائعة
ما نسبة التباين اللازمة لاجتياز WCAG؟
يتطلب المستوى AA في WCAG 2.1 نسبة تباين لا تقل عن 4.5:1 للنص العادي و3:1 للنص الكبير (24px أو أكبر، أو 18.66px مع الخط العريض). ويتطلب المستوى AAA نسبة 7:1 للنص العادي و4.5:1 للنص الكبير.
ما الذي يُعَدّ نصًا كبيرًا لأغراض التباين؟
النص الكبير هو 18.66px (14pt) أو أكبر عند استخدام الخط العريض، أو 24px (18pt) أو أكبر بالوزن العادي. ويخضع لعتبة تباين أدنى لأن الحروف الأكبر تبقى مقروءة عند تباين أقل.
كيف تُحسب نسبة تباين WCAG؟
تُحسب الإضاءة النسبية لكل لون بتخطيط قنوات sRGB الخاصة به خطيًا وتوزينها 0.2126 R + 0.7152 G + 0.0722 B. ثم تكون النسبة (lighter luminance + 0.05) / (darker luminance + 0.05)، فتعطي قيمة بين 1:1 و21:1 لا تتعلق بأي لون هو الأمامي.