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

يقيس مدقق تباين الألوان نسبة التباين بين لون المقدمة (النص) ولون الخلفية ويخبرك ما إذا كان هذا الزوج يلبي إرشادات الوصول إلى محتوى الويب. تبلغ عن رقم واحد بين 1: 1 و 21: 1 ويصنفها مقابل عتبات WCAG 2.2 لـ AA و AAA في كل من أحجام النص العادية والكبيرة ، بالإضافة إلى عتبة 3: 1 المنفصلة لمكونات ورسومات واجهة المستخدم.

التباين هو الاختلاف في الإضاءة النسبية بين لونين ، وليس فقط مدى اختلاف مظهرهما. يمكن أن يشعر لونان بالتميز بينما لا يزالان يفشلان للقراء الذين يعانون من ضعف في الرؤية أو نقص في رؤية الألوان أو أي شخص يستخدم الهاتف في ضوء الشمس الساطع. يتم حساب النسبة باستخدام صيغة الإضاءة النسبية الدقيقة التي حددتها WCAG ، وبالتالي فإن النتيجة تتطابق مع أدوات التدقيق التي يختبرها مستخدمو قارئ الشاشة بدلاً من التخمين البصري التقريبي.

كل شيء يعمل في متصفحك. اكتب أو الصق الألوان على شكل سداسية أو RGB أو HSL أو كلمة رئيسية CSS، وشاهد تحديثًا مباشرًا لمعاينة النص، وإذا فشل الزوج، يمكنك تطبيق لون مقترح يمر. لا يتم تحميل أي شيء ، ولا يوجد اشتراك ، وتستمر الأداة في العمل في وضع عدم الاتصال بمجرد تحميل الصفحة.

صيغة التباين WCAG 2 هي نسبة النصوع النسبي، وعتباتها هي ما يتم قياس عمليات تدقيق إمكانية الوصول ومعظم المتطلبات القانونية مقابله، لذا فهو الرقم المناسب للتصميم عليه. ومن المعروف أيضًا أنه غير كامل: يمكن أن يكون سخيًا للنص الفاتح على الخلفيات الداكنة وقاسيًا على بعض أزواج النغمات المتوسطة، ولهذا السبب توجد الخوارزمية اللاحقة، APCA، ويتم تجربتها للإصدارات المستقبلية. يحتوي النص الكبير على شريط أقل، ويعني كبير 18pt أو 14pt عندما يكون غامقًا، وهو حوالي 24px و18.66px. تتم تغطية العناصر غير النصية بشكل منفصل بواسطة 1.4.11 عند 3:1، وهذه هي القاعدة التي غالبًا ما يتم تفويتها: تحتاج أزرار الأيقونات وحدود الإدخال وحلقات التركيز إلى ذلك، ويمكن للتصميم تمرير كل فقرة ويظل يفشل في حقول النموذج الخاصة به.