فاحص تباين الألوان
افحص تباين النص والخلفية وفق حدود WCAG 2.2 AA وAAA. ركّب الألوان الشفافة على مساحة معتمة، وعاين النص العادي أو الكبير، وصدّر تقرير الحساب.
استخدم اسم لون CSS أو HEX أو RGB/RGBA أو HSL/HSLA. تُركّب الألوان الشفافة على السطح المختار قبل الحساب.
| الاستخدام | الحد الأدنى | النتيجة |
|---|---|---|
| نص عادي · AA | 4.5:1 | ناجح |
| نص عادي · AAA | 7:1 | ناجح |
| نص كبير · AA | 3:1 | ناجح |
| نص كبير · AAA | 4.5:1 | ناجح |
| الواجهة والرسومات الأساسية · AA | 3:1 | ناجح |
يعتمد الحكم على النسبة غير المقرّبة. النص الكبير لا يقل عن 24 CSS px، أو نحو 18.67 CSS px بخط عريض. تباين الواجهة يعتمد على الألوان المتجاورة فعليًا؛ هذا الزوج وحده لا يثبت الامتثال الكامل لـ WCAG.
اجعل كل كلمة سهلة القراءة.
تستخدم المعاينة حدود النص العادي. الخلفية الفعلية: #FFFFFF (مقرّبة للعرض).
ثلاث خطوات بسيطة.
- أدخل لون النص والخلفية كأسماء CSS أو HEX أو RGB أو HSL.
- اختر المساحة المعتمة خلف الشفافية وراجع النتائج.
- عاين النص وبدّل اللونين ثم انسخ التقرير أو نزّله.
معلومات تهمك.
يستخدم الإضاءة النسبية sRGB والنسبة غير المقرّبة للحكم. النص الكبير لا يقل عن 24 بكسل CSS، أو نحو 18.67 بكسل عند استخدام الخط العريض. يفحص زوج ألوان ثابتة فقط؛ التدرّجات والصور ورسم الخطوط والألوان المجاورة والامتثال الكامل للإتاحة تحتاج مراجعة منفصلة.
كيف نحمي خصوصيتك ←الأسئلة الشائعة.
لماذا قد تفشل نسبة ظاهرة 4.50:1؟
تُقرّب النسبة المعروضة إلى منزلتين. يعتمد الحكم على القيمة الكاملة؛ النسبة الأقل قليلًا من 4.5 لا تحقق AA للنص العادي.
كيف تؤثر الشفافية؟
تُركّب الخلفية أولًا على المساحة المعتمة المختارة، ثم النص على الخلفية الفعلية، وبعدها يُحسب التباين. تغيير المساحة قد يغيّر النتيجة.