रंग कंट्रास्ट चेकर
WCAG 2.1 एक्सेसिबिलिटी दिशानिर्देशों के अनुसार अग्रभूमि/पृष्ठभूमि रंग कंट्रास्ट अनुपात की जांच करें।
अग्रभूमि रंग
पृष्ठभूमि रंग
बड़ा टेक्स्ट पूर्वावलोकन (18pt बोल्ड)
सामान्य टेक्स्ट पूर्वावलोकन — The quick brown fox jumps over the lazy dog.
14.05:1कंट्रास्ट अनुपात
AA — सामान्य टेक्स्ट (≥ 4.5:1)पास
AA — बड़ा टेक्स्ट (≥ 3:1)पास
AAA — सामान्य टेक्स्ट (≥ 7:1)पास
AAA — बड़ा टेक्स्ट (≥ 4.5:1)पास
इस टूल के बारे में
कलर कंट्रास्ट चेकर WCAG 2.1 रिलेटिव ल्युमिनेंस फॉर्मूला का उपयोग करके अग्रभूमि (टेक्स्ट) और पृष्ठभूमि रंग के बीच कंट्रास्ट अनुपात की गणना करता है।
WCAG 2.1 दो स्तर परिभाषित करता है: AA सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 आवश्यक है। AAA 7:1 और 4.5:1 आवश्यक है।
कैसे उपयोग करें
- कलर पिकर का उपयोग करके या हेक्स कोड टाइप करके अग्रभूमि और पृष्ठभूमि रंग चुनें।
- पूर्वावलोकन सामान्य और बड़े आकार में टेक्स्ट कैसा दिखता है दिखाता है।
- कंट्रास्ट अनुपात और WCAG परिणाम तुरंत अपडेट होते हैं।
- सामान्य एक्सेसिबिलिटी पैटर्न का पता लगाने के लिए नमूना जोड़े का उपयोग करें।
उपयोग के मामले
UI डिज़ाइनर बटन लेबल और टेक्स्ट WCAG मानकों को पूरा करते हैं या नहीं यह सत्यापित करते हैं।
अक्सर पूछे जाने वाले प्रश्न
- "बड़ा टेक्स्ट" क्या माना जाता है? — WCAG बड़े टेक्स्ट को कम से कम 18pt (24px) सामान्य, या 14pt (~18.67px) बोल्ड के रूप में परिभाषित करता है।
- क्या यह ट्रांसपेरेंसी या rgba सपोर्ट करता है? — नहीं, यह टूल केवल सॉलिड हेक्स रंगों के साथ काम करता है।
- कौन सा WCAG स्तर लक्षित करना चाहिए? — AA अधिकांश सार्वजनिक वेबसाइटों के लिए न्यूनतम अनुशंसित है।
- क्या 4.5:1 हमेशा पर्याप्त है? — 4.5:1 WCAG AA को संतुष्ट करता है, लेकिन अधिक गंभीर दृष्टि दोष वाले उपयोगकर्ता उच्च अनुपात से लाभ उठा सकते हैं।