रंग कॉन्ट्रास्ट जाँचक

द्युति ही वह चैनल है जो सदा बचा रहता है

रंग के दो घटक हैं जिन पर डिज़ाइनर टिक सकता है: रंगत और हल्कापन। इनमें से केवल एक पूरे दर्शक-वर्ग के लिए भरोसेमंद है।

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

इसीलिए कंट्रास्ट अनुपात वह भार वहन करने वाला सुगम्यता मापक है। यह दो रंगों के बीच हल्केपन का संबंध मापता है और रंगत को पूरी तरह अनदेखा करता है — और यही वांछित है, क्योंकि यह बताता है कि जब रंगत का चैनल अविश्वसनीय हो तब क्या बचता है।

अनुपात 1:1 से चलता है, जहाँ दो रंगों की सापेक्ष द्युति समान होती है और उनकी सीमा सबके लिए अदृश्य रहती है, और शुद्ध श्वेत पर शुद्ध श्याम के लिए 21:1 तक जाता है। गणना WCAG में सटीक रूप से परिभाषित है: हर sRGB चैनल को रैखिक प्रकाश में बदलें, चैनलों को अनुभूत द्युति में उनके योगदान के अनुसार भार दें, फिर हल्के और गहरे परिणामों की तुलना करें।

सीमाएँ, और उनके पीछे का आधार

4.5:1 — सामान्य पाठ (WCAG AA)। मुख्य पाठ का आधार। यह आँकड़ा लगभग 20/40 दृष्टि से जुड़ी कंट्रास्ट संवेदनशीलता की हानि से निकला है, जो वृद्ध वयस्कों में सामान्य है और संशोध्य है पर प्रायः असंशोधित रह जाती है।

3:1 — बड़ा पाठ (WCAG AA)। 18pt सामान्य या 14pt बोल्ड से लागू। बड़े अक्षरों की रेखाएँ मोटी होती हैं, इसलिए वे कम कंट्रास्ट में भी पठनीय रहते हैं।

3:1 — अपाठ्य कंट्रास्ट (WCAG AA)। इसमें इंटरफ़ेस घटक और अर्थपूर्ण ग्राफ़िक्स आते हैं: इनपुट किनारे, टॉगल अवस्थाएँ, फ़ोकस सूचक, सूचना देने वाले आइकन और चार्ट के आवश्यक भाग। यही मानदंड सबसे अधिक छूटता है, और प्रायः यहीं दृश्यतः सुरुचिपूर्ण, कम-कंट्रास्ट इंटरफ़ेस ऑडिट में विफल होता है।

7:1 और 4.5:1 — सामान्य और बड़ा पाठ (WCAG AAA)। कठोर स्तर, लगभग 20/80 दृष्टि को लक्ष्य करके। लंबे पठन के लिए अनिवार्य न होने पर भी अपनाने योग्य।

कंट्रास्ट आवश्यक है, पर्याप्त नहीं

सुगम पैलेट के काम में सबसे आम भूल यह मान लेना है कि उत्तीर्ण कंट्रास्ट अनुपात के साथ काम पूरा हो गया। दो स्वतंत्र प्रश्नों का उत्तर चाहिए:

1. क्या हर रंग अपनी पृष्ठभूमि पर पठनीय है? यह कंट्रास्ट है, और यह परीक्षक इसका उत्तर देता है।
2. क्या भिन्न अर्थ वाले रंग परस्पर विभेद्य हैं? यह रंगत-पृथक्करण है, और कंट्रास्ट अनुपात इस पर कुछ नहीं कहता।

लाल शृंखला और हरी शृंखला वाला चार्ट कंट्रास्ट आराम से पास कर सकता है — दोनों श्वेत पृष्ठभूमि पर गहरी हैं — और फिर भी ड्यूटरैनोप के लिए पूर्णतः अपठनीय रहे, क्योंकि दोनों शृंखलाएँ एक-दूसरे से अविभेद्य हैं। ऐसी पैलेटों को वर्ण-दृष्टि सिम्युलेटर से भी गुज़ारें।

और जब भी रंग अर्थ ले जाए, दूसरा संकेत जोड़ें। WCAG का रंग-उपयोग मानदंड यही माँगता है, और तकनीक G111 मानक तरीक़ा बताती है: रंग के साथ पैटर्न, आकृति, स्थिति या स्पष्ट लेबल जोड़ें। व्यवहार में इसका अर्थ है — रंग वाली लेजेंड के बजाय चार्ट शृंखलाओं पर सीधे लेबल, लाल त्रुटि संदेश के पास आइकन, इनलाइन लिंक पर रेखांकन, और सफलता तथा विफलता की अवस्थाओं में आकृति का अंतर।

परीक्षक के साथ काम करना

अग्रभूमि और पृष्ठभूमि का रंग दें और उपकरण अनुपात तथा पूरी की गई सीमाएँ बता देगा। कुछ आदतें इसे अधिक उपयोगी बनाती हैं:

• वास्तविक युग्म जाँचें। अर्ध-पारदर्शी परतें, ग्रेडिएंट और पृष्ठभूमि छवियाँ यह अर्थ रखती हैं कि प्रभावी पृष्ठभूमि आपकी स्टाइलशीट का रंग नहीं है। जो वास्तव में दिख रहा है उसका नमूना लें।
• दोनों थीम जाँचें। द्युति साफ़-सुथरे ढंग से नहीं उलटती; डार्क पैलेट को अपनी अलग जाँच चाहिए।
• ग्रेडिएंट में सबसे प्रतिकूल स्थिति जाँचें, औसत नहीं।
• निष्क्रिय और प्लेसहोल्डर अवस्थाएँ भी लें। वे भी पढ़ी जाती हैं।
• फ़ोकस सूचक हर उस सतह पर जाँचें जहाँ वे दिखते हैं। जो फ़ोकस वलय श्वेत पर 3:1 पूरा करता है, वह किसी कार्ड पर ग़ायब हो सकता है।

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