ما هي نسبة تباين الألوان في معايير WCAG؟
تقيس نسبة التباين مدى وضوح الفرق بين لونين — غالبًا بين النص وخلفيته. وتعتمد إرشادات الوصول إلى محتوى الويب (WCAG 2.x) على هذه النسبة لتحديد حدود دنيا تضمن بقاء المحتوى مقروءًا للأشخاص ذوي ضعف البصر أو اضطرابات تمييز الألوان. تتراوح النسبة من 1:1 (أي أن اللونين متطابقان تمامًا) حتى 21:1 (أسود خالص على أبيض خالص).
كيفية استخدام الحاسبة
أدخل لون النص (المقدمة) ولون الخلفية بصيغة hex، مثل #1a73e8 أو الصيغة المختصرة #fff. تقوم الحاسبة بتحويل كل لون إلى صيغته الخطية، ثم تحسب الإضاءة النسبية له، وتُرجع نسبة التباين مع نتيجة نجاح أو رسوب مقارنةً بكل حدٍّ من حدود WCAG.
شرح المعادلة
النسبة هي $$\text{Ratio} = \frac{L_1 + 0.05}{L_2 + 0.05}$$ حيث \(L_1\) هي الإضاءة النسبية للون الأفتح و\(L_2\) للون الأغمق. وتُحسب الإضاءة النسبية بتحويل كل قناة من قنوات sRGB إلى قيمة بين 0 و1، ثم جعلها خطية (القنوات التي تساوي 0.03928 أو أقل تُقسَّم على 12.92، أما القنوات الأكثر سطوعًا فتُحسب بالصيغة \(\left(\dfrac{c+0.055}{1.055}\right)^{2.4}\))، ثم تُدمج عبر المعادلة $$L = 0.2126\,R + 0.7152\,G + 0.0722\,B$$ أما إضافة القيمة 0.05 فتمنع القسمة على صفر وتحاكي وهج الشاشة المحيط.
مثال تطبيقي
نص أسود (#000000) على خلفية بيضاء (#FFFFFF): إضاءة الأسود تساوي 0، وإضاءة الأبيض تساوي 1. تكون النسبة $$\frac{1 + 0.05}{0 + 0.05} = \frac{1.05}{0.05} = 21:1$$ — وهي أقصى قيمة ممكنة، وتجتاز جميع المستويات بسهولة.
الأسئلة الشائعة
ما نسبة التباين التي أحتاجها؟ يتطلب مستوى AA من WCAG نسبة 4.5:1 للنص العادي و3:1 للنص الكبير (≥18 نقطة أو 14 نقطة عريضة). أما مستوى AAA فيتطلب 7:1 و4.5:1 على التوالي.
هل يهم ترتيب اللونين؟ لا. تقسم المعادلة دائمًا الإضاءة الأفتح على الأغمق، لذا فإن تبديل لون المقدمة والخلفية يعطي النسبة نفسها.
لماذا لا يكفي قياس السطوع البسيط؟ لأن إدراك العين البشرية للألوان غير خطي ويميل نحو اللون الأخضر، ولهذا تعتمد الإضاءة على تصحيح جاما ومعاملات خاصة بكل قناة بدلًا من حساب متوسط بسيط.
