कलर कंट्रास्ट चेकर के पीछे की कहानी

कम कंट्रास्ट वेब पर सबसे आम सुलभता समस्याओं में से एक है। इसके नियम जादुई संख्याओं जैसे लगते हैं, लेकिन हर एक के पीछे कारण है, जो उम्र के साथ आँखों की संवेदनशीलता घटने और स्क्रीन के प्रकाश बनाने के तरीके से जुड़ा है।

चमकते कंट्रास्ट पैमाने के पास एक दूसरे पर चढ़े दो रंग नमूने
चमकते कंट्रास्ट पैमाने के पास एक दूसरे पर चढ़े दो रंग नमूने

4.5 और 7 कहाँ से आए

WCAG 2.0 दिसंबर 2008 में W3C अनुशंसा बना। लेखकों ने ISO 9241-3 मानक के न्यूनतम 3:1 से शुरुआत की और उसे बढ़ाया, ताकि लगभग 20/40 दृष्टि में होने वाली कंट्रास्ट संवेदनशीलता की कमी की भरपाई हो सके, जो लगभग 80 वर्ष की आयु में आम है। इसी से AA स्तर के लिए 4.5:1 बना। AAA स्तर, 7:1, लगभग 20/80 दृष्टि के लिए यही करता है।

सापेक्ष ल्यूमिनेंस

सूत्र पहले हर sRGB चैनल को रैखिक प्रकाश में बदलता है, फिर लाल, हरे और नीले को 0.2126, 0.7152 और 0.0722 का भार देता है। ये वही भार हैं जो टेलीविज़न मानक ITU-R BT.709 में हैं, क्योंकि आँख हरे रंग के प्रति सबसे संवेदनशील है। अनुपात हल्के ल्यूमिनेंस में 0.05 जोड़कर गहरे ल्यूमिनेंस में 0.05 जोड़े गए मान से भाग देकर मिलता है। यह 0.05 स्क्रीन से परावर्तित प्रकाश को दर्शाता है और पैमाने को 1:1 से 21:1, यानी सफ़ेद पर काले, तक सीमित रखता है।

पाठ से आगे

बड़ा पाठ, कम से कम 24 px या बोल्ड में 18.66 px, कम कंट्रास्ट पर भी पढ़ा जा सकता है और AA के लिए केवल 3:1 चाहिए। जून 2018 में प्रकाशित WCAG 2.1 ने सफलता मानदंड 1.4.11 गैर पाठ कंट्रास्ट जोड़ा: इनपुट फ़ील्ड की सीमाएँ, फ़ोकस संकेतक, आइकन और चार्ट के वे हिस्से जो उसे समझने के लिए ज़रूरी हैं, आसपास के रंग से 3:1 तक पहुँचने चाहिए।

रंग अंधता और आगे क्या

लगभग 12 में से 1 पुरुष और 200 में से 1 महिला में रंग दृष्टि की कमी होती है, अधिकतर लाल और हरे में। कंट्रास्ट ल्यूमिनेंस पर मापा जाता है, इसलिए पास होने वाली जोड़ी पढ़ने योग्य रहती है, लेकिन केवल रंगत में अलग रंग एक जैसे दिख सकते हैं। यहाँ का सिमुलेशन Machado, Oliveira और Fernandes के 2009 के मॉडल का उपयोग करता है। WCAG 3 के मसौदे APCA की खोज कर रहे हैं, जो एक नई विधि है और पाठ के आकार तथा हल्के पर गहरा या गहरे पर हल्का होने को भी ध्यान में रखती है।

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

क्या अच्छा कंट्रास्ट सुलभता के लिए काफ़ी है?

नहीं। यह कई आवश्यकताओं में से एक है। WCAG यह भी माँगता है कि अर्थ बताने का एकमात्र तरीका रंग न हो, जैसे किसी लिंक या त्रुटि में आइकन या रेखांकन जोड़ना।

क्या सिमुलेशन ठीक वही दिखाता है जो कोई व्यक्ति देखता है?

यह पूर्ण डाइक्रोमेसी का अच्छा अनुमान है। कई लोगों में हल्का रूप होता है और हर व्यक्ति थोड़ा अलग देखता है, इसलिए इसे मार्गदर्शक की तरह उपयोग करें।

क्या मुझे WCAG 2 अनुपात के बजाय APCA उपयोग करना चाहिए?

आज के अनुपालन के लिए WCAG 2 अनुपात उपयोग करें। अक्टूबर 2023 में प्रकाशित WCAG 2.2 वही सूत्र रखता है, और EN 301 549 जैसे कानून और मानक उसी का हवाला देते हैं। APCA अभी विकास में है।

आज़माने के लिए तैयार?

अपने ब्राउज़र में PictorX खोलें — शुरू करने के लिए इंस्टॉल या क्रेडिट कार्ड की ज़रूरत नहीं।

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