# रंग विपरीतता — वेब एक्सेसिबिलिटी (A11y)

Source: https://www.skillbyai.com/hi/accessibility/a11y-color-contrast

> 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।