पाठ 8 / 25
रंग विपरीतता
सुनिश्चित करें कि कम-दृष्टि वाले उपयोगकर्ताओं के लिए पाठ पठनीय है और केवल रंग पर निर्भर नहीं है।
WCAG विपरीतता अनुपात
AA (अधिकांश साइटों के लिए न्यूनतम): सामान्य टेक्स्ट के लिए 4.5:1, बड़े टेक्स्ट के लिए 3:1 (18px+)। AAA (बढ़ा): 7:1 और 4.5:1। कभी भी जानकारी देने के लिए केवल रंग पर निर्भर न करें—टेक्स्ट 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।