أولاً، حدد الشيء المراد قياسه.
أدخل لون النص ولون الخلفية الفعلي، باستخدام ثلاثة أو ستة بتات من نظام HEX. تحسب هذه الأداة بناءً على ألوان sRGB المعتمة؛ أما بالنسبة للألوان الشفافة وصور الخلفية والتدرجات اللونية، فيجب عليك أولاً تحديد لون الخلفية المركبة الفعلي في موقع النص، ولا يمكنك ببساطة استخدام إحدى قيم الألوان كبديل.
لا تشير نتائج فحص تباين النص لهذه المجموعة من الألوان إلى أن الصفحة بأكملها تستوفي معايير WCAG. لا يزال يتعين فحص حجم الخط ونوعه وحالات التفاعل ومتطلبات إمكانية الوصول الأخرى على الصفحة الفعلية.
كيفية حساب النسبة
قسّم كل قناة لونية ذات 8 بت على 255 للحصول على قيمة c. إذا كانت c ≤ 0.04045، فإن القيمة الخطية هي c ÷ 12.92؛ وإلا، فهي ((c + 0.055) ÷ 1.055) مرفوعة للأس 2.4. السطوع النسبي L = 0.2126R + 0.7152G + 0.0722B، حيث تستخدم قيم R وG وB القيم الخطية المذكورة أعلاه.
(L الأعلى + 0.05) ÷ (L الأقل + 0.05). يعطي الأسود والأبيض 21:1، وتعطي الألوان المتطابقة 1:1. لا يغير تبديل النص والخلفية نسبة التباين، لكنه يغير المظهر.
لا تخلط بين التقريب والنجاح.
يتطلب النص العادي 4.5:1 على الأقل لمستوى AA و7:1 لمستوى AAA. يتطلب النص الكبير 3:1 و4.5:1 على التوالي. النص الكبير لا يقل عن 18pt، أو 14pt بخط عريض. لا تطبق حدوده على النص الصغير.
نسبة التباين للون #777777 على خلفية بيضاء هي 4.478:1 تقريبًا، وهي لا تفي بمتطلبات 4.5:1 للنصوص العادية (AA). حتى لو عرضتها واجهة المستخدم على أنها 4.5، فلا يمكن استخدام القيمة المعروضة للتقييم. يعرض هذا الموقع ثلاثة أرقام عشرية؛ ويستخدم التقييم الشرطي القيمة المحسوبة كاملةً.
أعد وضع أزواج الألوان في الواجهة الفعلية
لا تعرض المعاينة سوى ألوان الإدخال، باستخدام 16 بكسل لنص المحتوى و24 بكسل للعناوين. أولًا، تحقق من لون النص الفعلي، والخلفية، وحجم الخط، ووزنه في الصفحة المستهدفة، ثم تحقق من حالات العرض العادية، والتمرير، والتركيز؛ لا تكتفِ بمعاينة أفضل مجموعة ألوان في مسودة التصميم.
بعد تعتيم النص تدريجيًا أو تفتيح الخلفية، تُعاد عملية الحساب، ثم يُفحص الخط وتجربة القراءة على جهاز حقيقي. لا يقيس اختبار تباين الألوان هنا تحديد عمى الألوان، أو دلالات الرموز، أو مدى توافق الصفحة بأكملها؛ بل تُحفظ قيم الألوان ومواقع التحقق للمراجعة اللاحقة.