पाठ 9 / 26
रंग विपरीतता
WCAG colour contrast ratios पूरे करें, tools से जाँचें और अर्थ बताने के लिए केवल रंग पर निर्भर न रहें।
WCAG विपरीतता अनुपात
AA (अधिकांश साइटों के लिए न्यूनतम): सामान्य टेक्स्ट के लिए 4.5:1, बड़े टेक्स्ट (18pt/24px या 14pt bold) के लिए 3:1। AAA (बढ़ा): 7:1 और 4.5:1। जानकारी देने के लिए केवल रंग पर निर्भर न करें; text labels, patterns या icons जोड़ें।
परीक्षण और उपकरण
WebAIM Contrast Checker, Stark (Figma), या ब्राउज़र DevTools का उपयोग करें। न्यूनतम 4.5:1 लक्षित करें। Deuteranopia (red-green) और Protanopia (अन्य red-green variant) simulators के साथ परीक्षण करें।
Color blindness विचार
8% पुरुषों में red-green color blindness है। Status (pass/fail, error/success) को convey करने के लिए रंग के साथ patterns या text labels का उपयोग करें।
AAA requirements
Normal text के लिए 7:1, बड़े text के लिए 4.5:1। Rarely required लेकिन maximum accessibility के लिए ideal।