مدقق تباين الألوان

كيف يعمل

يقيس مدقق تباين الألوان التباين النسبي للسطوع بين ألوان النص والخلفية وفق إرشادات WCAG 2.1—المعيار العالمي لإمكانية الوصول.

أدخل ألوان النص والخلفية بصيغة HEX أو RGB أو HSL. تحسب الأداة فوراً سطوع كل لون ونسبة التباين بينهما.

تُختبر النتائج وفق مستويات WCAG: AA يتطلب 4.5:1 للنص العادي و3:1 للنص الكبير؛ AAA يتطلب 7:1 و4.5:1. يعرض المعاينة المرئية كيفية ظهور النص على تلك الخلفية.

التباين المنخفض يُصعّب القراءة على المستخدمين ضعاف البصر وخاصةً عمى الألوان.

مثال عملي

افحص نصًا رماديًا #767676 على خلفية بيضاء: نسبة التباين 4.54:1 بالضبط — تجتاز WCAG AA للنص العادي (الذي يشترط 4.5:1) لكنها ترسب في AAA (7:1)، وتعرض بطاقات النتائج كل عتبة على حدة، بما فيها القواعد الميسَّرة للنص الكبير. يبيّن شريط المقياس اللوغاريتمي موضع الزوج بين 1:1 و21:1 للأسود الخالص على الأبيض. وتستبق بطاقة APCA مقياس WCAG 3، ويجيب زر التبديل فورًا عمّا إذا كان عكس المقدمة والخلفية ينفع. وتعرض المعاينة الحية نصًا حقيقيًا لتحكم بعينيك.

حالات الاستخدام

• التحقق من امتثال لوحة ألوان العلامة التجارية لمتطلبات الوصول قبل إطلاق إعادة تصميم الموقع
• اختيار ألوان الأزرار والروابط التي تظل قابلة للقراءة على السمة الداكنة أو الفاتحة
• تلبية متطلبات WCAG 2.1 AA أو AAA للامتثال لـ Section 508 وEN 301 549 وADA
• مراجعة نموذج تصميمي مرسل من مصمم لتحديد النص غير القابل للقراءة قبل بدء التطوير
• تعليم مفاهيم الوصول بإظهار كيف تسبب اختلافات الإضاءة الصغيرة إخفاقات كبيرة في التباين