مدقق تباين الألوان
أدخل لونًا للمقدمة وآخر للخلفية للتحقق من نسبة تباين WCAG مع شارات AA وAAA للنص العادي والكبير.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
كيف يعمل
اختر لون المقدمة والخلفية باستخدام منتقيات الألوان أو اكتب قيم hex مباشرة. تحسب الأداة الإضاءة النسبية لكل لون باستخدام صيغة WCAG 2.1 — مجموع مرجح لقنوات sRGB بعد فك تشفير gamma — وتقسم الإضاءة الأفتح على الأغمق (بإضافة 0.05 في البسط والمقام لتجنب القسمة على صفر عند الأسود النقي). تتراوح نسبة التباين الناتجة من 1:1 (ألوان متطابقة) إلى 21:1 (أسود نقي على أبيض نقي). تُظهر أربع شارات WCAG نجح أو فشل: AA للنص العادي (≥ 4.5:1)، AA للنص الكبير (≥ 3:1)، AAA للنص العادي (≥ 7:1)، وAAA للنص الكبير (≥ 4.5:1). تعرض لوحة المعاينة المباشرة جملاً نموذجية بالنص العادي والكبير للتحقق البصري. يتم الحساب بالكامل في المتصفح دون استدعاء الخادم.
حالات الاستخدام
- التحقق من امتثال لوحة ألوان العلامة التجارية لمتطلبات الوصول قبل إطلاق إعادة تصميم الموقع
- اختيار ألوان الأزرار والروابط التي تظل قابلة للقراءة على السمة الداكنة أو الفاتحة
- تلبية متطلبات WCAG 2.1 AA أو AAA للامتثال لـ Section 508 وEN 301 549 وADA
- مراجعة نموذج تصميمي مرسل من مصمم لتحديد النص غير القابل للقراءة قبل بدء التطوير
- تعليم مفاهيم الوصول بإظهار كيف تسبب اختلافات الإضاءة الصغيرة إخفاقات كبيرة في التباين