فحص تباين الألوان

احسب نسبة التباين بين لونين معتمين ونتائج AA وAAA للنص وفق WCAG 2.2.

HEX من 3/4/6/8 خانات؛ RGB من 0 إلى 255 أو نسب مئوية، وHSL: زاوية 0–360 وتشبع وإضاءة 0–100%. استخدم الفواصل وalpha من 0 إلى 1. فحص التباين للألوان المعتمة فقط.

WCAG 2.2: AA يتطلب 4.5:1 للنص العادي و3:1 للكبير؛ AAA يتطلب 7:1 و4.5:1. النص الكبير 18pt أو14pt عريض. قرار النجاح يستخدم القيمة غير المقربة؛ هذه ليست شهادة نفاذية.

طريقة الاستخدام

أدخل لون النص والخلفية المعتمين ثم احسب. اقرأ النسبة وقرار كل مستوى وفق حجم النص الفعلي لديك.

مثال عملي

الأسود #000000 على الأبيض #FFFFFF يعطي 21:1؛ اللون نفسه على نفسه يعطي 1:1.

حدود الدعم

WCAG 2.2: AA للنص العادي4.5:1 وللكبير3:1؛ AAA للعادي7:1 وللكبير4.5:1. الكبير18pt أو14pt عريض. تستخدم القرارات النسبة غير المقربة؛ المعروض يقرب إلى4 منازل. مرجع W3C: Understanding SC 1.4.3 وSC 1.4.6.

أسئلة شائعة

هل النجاح يعني أن الموقع يحقق WCAG كاملًا؟

لا. هذا فحص نسبة تباين لونين فقط. خصائص الخط والصور والحالات التفاعلية وبقية متطلبات النفاذية تحتاج مراجعة مستقلة.

أدوات مرتبطة