contrast-check

نظرة عامة

النصّ الذي يفشل في التباين من أكثر عيوب إتاحة الوصول شيوعًا. تحسب contrast-check نسبة WCAG 2.1 بين لون المقدّمة والخلفية، وتعرض النجاح/الرسوب لكل مستوى، وتعايِن نصًّا تجريبيًّا حقيقيًّا، وتقترح أقرب لونٍ متاحٍ عند فشل التركيبة.

التحدّي

النصّ منخفض التباين يجتاز المراجعة البصريّة السريعة لكنّه يفشل مع المستخدمين الحقيقيين وفي تدقيقات الإتاحة — وإصلاحه تخمينٌ دون الحساب.

الحل

صفحة بلا اعتماديات تُجري حساب إضاءة sRGB بدقّة، وتعرض مصفوفة AA/AAA كاملة، وتنقل اللون الراسب إلى لونٍ ناجحٍ يمكنك تطبيقه بنقرةٍ واحدة.

النتائج

اشحن اختيارات ألوانٍ متاحةً للوصول بثقة — قابلة للمشاركة عبر الرابط، ولا تحتاج إلى تثبيت.

التقنيات المستخدمة