कलर कंट्रास्ट चेकर

यह क्या करता है

यह चेकर टेक्स्ट के रंग और उसके बैकग्राउंड के बीच कंट्रास्ट को WCAG 2.2 एक्सेसिबिलिटी दिशानिर्देशों के सूत्र से मापता है, जिसका उपयोग कई एक्सेसिबिलिटी कानूनों में होता है। यह 1:1 (कोई कंट्रास्ट नहीं) से 21:1 (सफ़ेद पर काला) तक कंट्रास्ट अनुपात दिखाता है, और यह भी कि जोड़ी सामान्य टेक्स्ट, बड़े टेक्स्ट और आइकन व बॉर्डर जैसे इंटरफ़ेस घटकों के लिए AA और AAA स्तर पास करती है या नहीं। जब कोई जोड़ी फ़ेल होती है, तो यह उसी ह्यू वाला निकटतम पास होने वाला रंग सुझाता है।

इसका उपयोग कैसे करें

1. टेक्स्ट का रंग और बैकग्राउंड का रंग दर्ज करें या चुनें।
2. कंट्रास्ट अनुपात और AA व AAA के परिणाम पढ़ें, और लाइव प्रीव्यू देखें।
3. फ़ेल होने पर किसी सुझाए गए रंग पर “उपयोग करें” दबाएँ, फिर परिणाम शेयर करने के लिए लिंक कॉपी करें।

अक्सर पूछे जाने वाले प्रश्न

मुझे कितना कंट्रास्ट अनुपात चाहिए?
स्तर AA, जो आम तौर पर कानूनी लक्ष्य है, सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट तथा आइकन और इंटरफ़ेस बॉर्डर के लिए 3:1 माँगता है। स्तर AAA सामान्य टेक्स्ट के लिए 7:1 और बड़े टेक्स्ट के लिए 4.5:1 माँगता है।

बड़ा टेक्स्ट किसे माना जाता है?
कम से कम 24 CSS पिक्सेल (18 पॉइंट) का टेक्स्ट, या बोल्ड होने पर कम से कम लगभग 18.7 CSS पिक्सेल (14 पॉइंट)। शीर्षक अक्सर बड़े होते हैं; मुख्य टेक्स्ट आम तौर पर नहीं।

सफ़ेद पर #777777 फ़ेल क्यों होता है?
इसका अनुपात 4.47:1 है, जो सामान्य टेक्स्ट के लिए आवश्यक 4.5:1 से ठीक कम है। अनुपातों को ऊपर की ओर राउंड नहीं किया जाता, इसलिए #767676 (4.54:1) जैसा थोड़ा गहरा ग्रे सफ़ेद पर पास होने वाला सबसे हल्का ग्रे है।

W3C — WCAG 2.2, 1.4.3 Contrast (Minimum)
W3C — WCAG 2.2, 1.4.11 Non-text Contrast