# एलिमेंट को न्यूनतम कलर कंट्रास्ट अनुपात की सीमा पूरी करनी चाहिए

<https://www.fixreports.com/hi/issues/color-contrast>

WCAG 1.4.3 Contrast (Minimum) · लेवल AA

कुछ टेक्स्ट अपने बैकग्राउंड से इतना अलग नहीं दिखता कि कम दृष्टि वाले लोग उसे पढ़ सकें।

## यह नियम क्या जाँचता है
सुनिश्चित करता है कि फ़ोरग्राउंड और बैकग्राउंड रंगों का कंट्रास्ट WCAG 2 AA के न्यूनतम कंट्रास्ट अनुपात की सीमा पूरी करे.

## यह क्यों ज़रूरी है
WCAG 1.4.3 सामान्य टेक्स्ट के लिए कम से कम 4.5:1 और बड़े टेक्स्ट के लिए 3:1 का कंट्रास्ट अनुपात मांगता है। हल्के रंग की कीमतें, बैज और बैनर कम दृष्टि वाले लोगों के लिए, और तेज़ रोशनी में सभी के लिए, पढ़ने में मुश्किल होते हैं।

## इसे कैसे ठीक करें
### किसी भी वेबसाइट पर
1. कम कंट्रास्ट वाला टेक्स्ट ढूँढें और उसके टेक्स्ट और बैकग्राउंड के रंग नोट करें: कोई कंट्रास्ट चेकर या आपके ब्राउज़र के डेवलपर टूल, दोनों रंग दिखाते हैं।
2. अपनी थीम की CSS में टेक्स्ट या बैकग्राउंड का रंग तब तक बदलें जब तक अनुपात कम से कम 4.5:1 न हो जाए (24px और उससे बड़े टेक्स्ट, या 18.66px बोल्ड टेक्स्ट के लिए 3:1)।
3. सेल बैज, प्लेसहोल्डर टेक्स्ट, फ़ुटर लिंक और इमेज पर रखे बटन पर ख़ास ध्यान दें।

### Shopify पर
1. कम कंट्रास्ट वाला टेक्स्ट ढूँढें और उसके टेक्स्ट और बैकग्राउंड के रंग नोट करें: कोई कंट्रास्ट चेकर या आपके ब्राउज़र के डेवलपर टूल, दोनों रंग दिखाते हैं।
2. Online Store > Themes > Customize > Theme settings > Colors में, प्रभावित कलर स्कीम के लिए टेक्स्ट का रंग गहरा करें या बैकग्राउंड हल्का करें, जब तक अनुपात कम से कम 4.5:1 न हो जाए।
3. सेल बैज, प्लेसहोल्डर टेक्स्ट, फ़ुटर लिंक और इमेज पर रखे बटन पर ख़ास ध्यान दें।

### WooCommerce और WordPress पर
1. कम कंट्रास्ट वाला टेक्स्ट ढूँढें और उसके टेक्स्ट और बैकग्राउंड के रंग नोट करें: कोई कंट्रास्ट चेकर या आपके ब्राउज़र के डेवलपर टूल, दोनों रंग दिखाते हैं।
2. अपनी थीम की CSS में टेक्स्ट या बैकग्राउंड का रंग तब तक बदलें जब तक अनुपात कम से कम 4.5:1 न हो जाए (24px और उससे बड़े टेक्स्ट, या 18.66px बोल्ड टेक्स्ट के लिए 3:1)।
3. सेल बैज, प्लेसहोल्डर टेक्स्ट, फ़ुटर लिंक और इमेज पर रखे बटन पर ख़ास ध्यान दें।

## सुधार की जांच कैसे करें
- स्कैन दोबारा चलाएं और पुष्टि करें कि color-contrast अब नहीं दिखता।
- सटीक रंगों को किसी कंट्रास्ट चेकर से जांचकर देखें।

## स्रोत
- axe-core नियम का डॉक्यूमेंटेशन (Deque): https://dequeuniversity.com/rules/axe/4.13/color-contrast
- WCAG 1.4.3 की व्याख्या (W3C): https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum