कंट्रास्ट चेकर (WCAG AA / AAA ग्रेड)

कंट्रास्ट अनुपात कैसे काम करता है

WCAG (Web Content Accessibility Guidelines) कंट्रास्ट को दो रंगों की सापेक्ष luminance के बीच के अनुपात के रूप में परिभाषित करता है। परिणाम 1:1 (समान) से 21:1 (सफेद पर काला) तक होता है।

हम आधिकारिक WCAG 2.x फॉर्मूले का उपयोग करके इसे आपके ब्राउज़र में गणना करते हैं। चार ग्रेड बैज AA के 4.5:1 (सामान्य) और 3:1 (बड़ा), और AAA के 7:1 (सामान्य) और 4.5:1 (बड़ा) सीमाओं के विरुद्ध जाँच करते हैं।

न्यूनतम AA क्यों पास करें

AA कई न्यायिक क्षेत्रों में कानूनी रूप से लागू करने योग्य स्तर है। बॉडी टेक्स्ट पर AA फेल करना सबसे सामान्य एक्सेसिबिलिटी समस्या है और लॉन्च के बाद के बजाय डिज़ाइन के दौरान इसे ठीक करना सबसे आसान है।

AAA लंबे-फॉर्म पठन, सरकारी सेवाओं के लिए अनुशंसित है। यदि आपकी साइट ज़्यादातर त्वरित-नज़र सामग्री परोसती है, तो AA लक्षित करें।

सामान्य गलतियाँ

'यह मेरी स्क्रीन पर ठीक दिखता है।' कैलिब्रेटेड स्क्रीन, फ्लोरोसेंट कार्यालय रोशनी और बाहरी स्मार्टफोन उपयोग सभी कथित कंट्रास्ट बदलते हैं। अपनी आँख के बजाय अनुपात उपयोग करें।

hex कोड पलटाकर डार्क मोड डिज़ाइन करना। उलटाव hue बदलता है और कंट्रास्ट तोड़ता है।

ब्रांड गाइडलाइन पर भरोसा करना। कई ब्रांड पैलेट WCAG जागरूकता से पहले चुने गए थे।