فحص تباين الألوان (WCAG)
أداة فحص تباين الألوان تحسب نسبة التباين الفعلية بين لون نص ولون خلفية حسب صيغة WCAG الرسمية، وتُظهر مباشرة هل يجتاز التركيب معايير AA وAAA للنص العادي والكبير، مع معاينة حية للنص على الخلفية المختارة.
تتم كل الحسابات داخل جهازك ولا تُرسل الألوان لأي خادم.
نص عادي بحجم 16px Aa أبجد هوز
نسبة التباين: 18.88:1
ما الذي تفعله هذه الأداة
تحسب نسبة التباين بين لون نص ولون خلفية، وتبيّن هل تجتاز معايير الوصولية عند مستوى AA وAAA للنص العادي والكبير، مع معاينة حيّة.
متى تستخدمها
- تختار ألوان واجهة وتريد التأكد أن نصّها مقروء.
- تراجع تصميمًا قائمًا مقابل معايير الوصولية.
- تقارن درجتين من لون أيّهما أوضح على خلفيتك.
- تلتزم بمتطلبات وصولية في مشروع.
طريقة الاستخدام
- أدخل «لون النص» و«لون الخلفية».
- اقرأ «نسبة التباين» والمعاينة.
- راجع نتائج المستويات الأربعة: AA وAAA لكل من النص العادي والكبير.
مثال عملي
المُدخَل
نص رمادي فاتح على خلفية بيضاء.
الناتج
نسبة تباين منخفضة ترسب في AA للنص العادي وقد تنجح للنص الكبير — وهو ما يفسّر لماذا يبدو النص الصغير باهتًا رغم أنه مقبول في العناوين.
حدود الأداة
- اجتياز النسبة شرط ضروري للوصولية لا كافٍ: النص المقروء رياضيًا قد يبقى صعبًا بسبب الخط أو حجمه أو تباعده.
- المعايير تفرّق بين النص العادي والكبير، والنص الكبير له عتبة أدنى — فتأكد أي فئة ينطبق عليها نصّك.
- الحساب للونين صلبين؛ النص على صورة أو تدرّج لونه يتغير تحته فلا تكفي نقطة واحدة للحكم.
الخصوصية والمعالجة
كل الحسابات تجري على جهازك والألوان لا تُرسل إلى أي خادم.
ملاحظات تقنية
- النسبة تُحسب بمعادلة السطوع النسبي المعتمدة في معايير وصولية الويب، فالنتيجة مطابقة لما تعطيه أدوات الفحص الرسمية.
الأسئلة الشائعة
AAA معيار أكثر صرامة يتطلب نسبة تباين أعلى من AA، وكلاهما يميّز بين النص العادي والنص الكبير الذي يحتاج نسبة أقل.