कंट्रास्ट चेकर

एक अग्रभूमि और पृष्ठभूमि रंग पेस्ट करें (या स्क्रीनशॉट से चुनें); कंट्रास्ट अनुपात और यह किन WCAG स्तरों को पास करता है, प्राप्त करें। WCAG 2.1 AA अधिकांश न्यायक्षेत्रों में कानूनी सुलभता आधार रेखा है; AAA महत्वपूर्ण सामग्री के लिए अनुशंसित उच्च मानक है।

थ्रेशोल्ड

• WCAG AA, सामान्य टेक्स्ट: न्यूनतम 4.5:1।
• WCAG AA, बड़ा टेक्स्ट (18pt+ या 14pt+ बोल्ड): न्यूनतम 3:1।
• WCAG AAA, सामान्य टेक्स्ट: न्यूनतम 7:1।
• WCAG AAA, बड़ा टेक्स्ट: न्यूनतम 4.5:1।
• गैर-टेक्स्ट UI घटक (बटन, फॉर्म बॉर्डर): न्यूनतम 3:1 (WCAG 2.1+)।

कंट्रास्ट क्यों मायने रखता है

कम कंट्रास्ट वाला टेक्स्ट कम दृष्टि वाले उपयोगकर्ताओं (लगभग 4% जनसंख्या), तेज धूप में उपयोगकर्ताओं, सस्ते मॉनिटर पर उपयोगकर्ताओं, और बढ़ती उम्र की आंखों (अंततः सभी) के लिए अपठनीय है। कई डिज़ाइन सिस्टम ग्रे-ऑन-ग्रे का उपयोग करते हैं क्योंकि यह डिज़ाइनर के कैलिब्रेटेड 5K डिस्प्ले पर सुरुचिपूर्ण दिखता है — और कहीं और अपठनीय है।

WCAG AA में विफल होना अमेरिका (ADA Title III), EU (EAA), और कई अन्य न्यायक्षेत्रों में कानूनी रूप से कार्रवाई योग्य है। सस्ता बीमा: शिप करने से पहले प्रत्येक टेक्स्ट/पृष्ठभूमि युग्म को चेकर के माध्यम से चलाएं।

हम क्या रिपोर्ट करते हैं

1. कंट्रास्ट अनुपात एक संख्या के रूप में (जैसे 4.71:1)।
2. पास/फेल प्रत्येक WCAG स्तर और टेक्स्ट आकार के लिए।
3. सुझाए गए सुधार: निकटतम गहरा अग्रभूमि या हल्का पृष्ठभूमि जो पास होगा।
4. लाइव पूर्वावलोकन रंग युग्म में नमूना टेक्स्ट के साथ।

रंग-अंधता सिम्युलेटर के साथ जोड़ें

कंट्रास्ट और रंग-अंधता सुलभता के अलग-अलग आयाम हैं। उसी UI पर रंग अंधता सिम्युलेटर चलाएं ताकि यह सुनिश्चित हो सके कि यह CVD वाले उपयोगकर्ताओं के लिए भी काम करता है।