डेवलपर टूल

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

एक्सेसिबिलिटी मानक के अनुसार जाँचें कि टेक्स्ट सचमुच पढ़ने लायक होगा या नहीं।

रंग कंट्रास्ट चेकर आपके डिवाइस पर चलता है
  • आपके ब्राउज़र में चलता है — आपका टेक्स्ट कहीं नहीं भेजा जाता
  • न साइन-अप, न सीमा, जितनी बार चाहें मुफ़्त इस्तेमाल करें

यह कैसे काम करता है

सफ़ेद पर हल्का धूसर टेक्स्ट वेब पर सबसे आम एक्सेसिबिलिटी विफलता है, और यह पूरी तरह टाली जा सकती है। एक्सेसिबिलिटी दिशानिर्देश कंट्रास्ट को एक सटीक अनुपात के रूप में परिभाषित करते हैं, इसलिए कोई जोड़ी पास होती है या नहीं, यह राय का नहीं बल्कि गणित का मामला है।

अनुपात कैसे गिना जाता है

हर रंग की सापेक्ष ल्यूमिनेंस दिशानिर्देशों के अनुसार गिनी जाती है — हर चैनल पर गामा करेक्शन लगाकर — और अनुपात हल्के और गहरे के बीच लिया जाता है। नतीजा वही आता है जो एक्सेसिबिलिटी ऑडिट बताएगा, क्योंकि सूत्र वही है।

सीमाएँ

सामान्य टेक्स्ट को AA के लिए 4.5:1 और AAA के लिए 7:1 चाहिए। बड़े टेक्स्ट — लगभग 24px, या बोल्ड हो तो 18.7px — को AA के लिए सिर्फ़ 3:1 और AAA के लिए 4.5:1 चाहिए। इंटरफ़ेस घटकों और सार्थक ग्राफ़िक्स को 3:1 चाहिए। AA वह है जो ज़्यादातर संगठन और ज़्यादातर कानून माँगते हैं।

बड़े टेक्स्ट को कम की छूट क्यों है

बड़े अक्षर-रूपों में हर स्ट्रोक बनाने वाले ज़्यादा पिक्सेल होते हैं, इसलिए वे कम कंट्रास्ट पर भी पठनीय रहते हैं। इसीलिए शीर्षक मुख्य टेक्स्ट से हल्का धूसर इस्तेमाल कर सकता है।

अनुपात क्या नहीं पकड़ता

यह रंग-अंधता के बारे में कुछ नहीं कहता, जो एक अलग जाँच है, और इस बारे में भी कुछ नहीं कि टेक्स्ट काफ़ी बड़ा है या टाइपफ़ेस पठनीय है। पास होता अनुपात न्यूनतम स्तर है, पठनीय डिज़ाइन का प्रमाण नहीं।

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

रंग कंट्रास्ट चेकर — सवाल

मुझे कितना कंट्रास्ट रेशियो चाहिए?

AA पर सामान्य टेक्स्ट के लिए 4.5:1, बड़े टेक्स्ट के लिए 3:1। AAA इन्हें 7:1 और 4.5:1 तक बढ़ा देता है।

बड़ा टेक्स्ट किसे माना जाता है?

लगभग 24px और उससे ऊपर, या बोल्ड हो तो 18.7px और उससे ऊपर।

क्या पास होने का मतलब है कि मेरा डिज़ाइन सुलभ है?

नहीं। कंट्रास्ट कई आवश्यकताओं में से एक है; यह रंग-अंधता, टेक्स्ट साइज़ या पठनीयता के बारे में कुछ नहीं कहता।