मुफ़्त ऑनलाइन कलर कंट्रास्ट चेकर जो WCAG 2. 1 एक्सेसिबिलिटी मानकों (AA, AAA) के विरुद्ध दो रंगों के बीच कंट्रास्ट अनुपात का परीक्षण करता है।
कलर कंट्रास्ट चेकर कैसे इस्तेमाल करें?
फ़ोरग्राउंड (टेक्स्ट) और बैकग्राउंड रंग दर्ज करें।
कंट्रास्ट अनुपात और WCAG ग्रेड (AA/AAA) जाँचें।
मानकों को पूरा करने के लिए ज़रूरत के अनुसार रंग समायोजित करें।
कलर कंट्रास्ट चेकर के बारे में अक्सर पूछे जाने वाले सवाल
WCAG AA और AAA में क्या अंतर है?
AA सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 की मांग करता है। AAA क्रमशः 7:1 और 4.5:1 पर अधिक सख्त है।
अगर मेरा कंट्रास्ट अनुपात पास न हो तो क्या करूँ?
कंट्रास्ट बढ़ाने के लिए रंगों को हल्का या गहरा करें। समायोजित करते ही टूल रियल-टाइम में परिणाम दिखाता है।
बड़े पाठ के लिए मानक कम होता है — पर कितना बड़ा हो तो 'बड़ा' माना जाए?
WCAG सामान्य मोटाई में 18pt (लगभग 24px) से और बोल्ड में 14pt (लगभग 18.7px) से पाठ को बड़ा मानता है। यह शर्त पूरी होने पर AA की माँग 4.5:1 से घटकर 3:1 रह जाती है। पर याद रखें कि ये न्यूनतम हैं, लक्ष्य नहीं: मुख्य पाठ को मंद लैपटॉप स्क्रीन पर या धूप में भी पढ़ा जाना चाहिए, इसलिए 7:1 के पास रहना ज़्यादा सुरक्षित आदत है।
तस्वीर या पारभासी पट्टी पर रखे पाठ का कंट्रास्ट कैसे जाँचें?
कंट्रास्ट की गणना दो सपाट रंगों को मानकर चलती है, इसलिए तस्वीर पर आपको पाठ के नीचे के सबसे चमकीले और सबसे गहरे बिंदु आईड्रॉपर से लेकर दो बार जाँच करनी होगी। इनमें से एक भी विफल हुआ तो पाठ तस्वीर के किसी हिस्से में दब जाएगा। व्यवहार में, पाठ के पीछे ठोस रंग की पट्टी लगाना पारभासी काली परत या पाठ की छाया से ज़्यादा भरोसेमंद है, क्योंकि वे दोनों नीचे की तस्वीर पर निर्भर करते हैं।
कलर कंट्रास्ट चेकर को प्रभावी ढंग से कैसे इस्तेमाल करें?
सामान्य टेक्स्ट को 4.5:1 और 18pt या बोल्ड 14pt से बड़े टेक्स्ट को 3:1 चाहिए (AA स्तर)।
भारत में सरकारी वेबसाइटों के GIGW दिशानिर्देश भी WCAG के इन्हीं कंट्रास्ट मानों को अपनाते हैं।
आइकन और इनपुट बॉर्डर जैसे ग़ैर-टेक्स्ट तत्वों के लिए भी 3:1 कंट्रास्ट ज़रूरी है।