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

WCAG 2.2 Color Contrast Checker अग्रभूमि और पृष्ठभूमि रंग के बीच कंट्रास्ट अनुपात मापता है और टेक्स्ट के लिए AA और AAA (SC 1.4.3 और 1.4.6) तथा UI घटकों और ग्राफ़िकल ऑब्जेक्ट्स (SC 1.4.11) के लिए पास या फ़ेल बताता है। यह HEX, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() और CSS रंग नाम स्वीकार करता है, जोड़ी को टेक्स्ट और कंट्रोल के रूप में दिखाता है, और जोड़ी फ़ेल होने पर सबसे नज़दीकी सुलभ रंग सुझाता है।

1. 1.अग्रभूमि और पृष्ठभूमि रंग दर्ज करें या चुनें।
2. 2.अनुपात और हर WCAG 2.2 मानदंड की पास/फ़ेल पंक्ति पढ़ें।
3. 3.सामान्य टेक्स्ट, बड़े टेक्स्ट और कंट्रोल के प्रीव्यू जांचें।
4. 4.कोई जांच फ़ेल हो तो अग्रभूमि समायोजित करें या पृष्ठभूमि समायोजित करें में AA या AAA चुनें, मूल और सुझाए गए रंग की तुलना करें, फिर लागू करें चुनें।
5. 5.परिणाम सारांश या CSS घोषणाएँ कॉपी करें।

हर रंग को sRGB में बदला जाता है और उसकी सापेक्ष ल्यूमिनेंस WCAG सूत्र (लीनियराइज़ेशन सीमा 0.04045) से निकाली जाती है। अनुपात (L1 + 0.05) / (L2 + 0.05) है। इसे दो दशमलव तक गोल करके दिखाया जाता है, लेकिन हर पास/फ़ेल निर्णय बिना गोल किए मान से होता है, इसलिए 4.499:1, 4.50:1 दिखने पर भी AA में फ़ेल होता है। पारभासी अग्रभूमि रंग पृष्ठभूमि पर, और पारभासी पृष्ठभूमि आधार रंग (डिफ़ॉल्ट सफ़ेद) पर, हर sRGB चैनल में उसी तरह मिलाए जाते हैं जैसे ब्राउज़र दिखाते हैं। sRGB से बाहर के रंग, जैसे गहरे Display P3 या OKLCH मान, मापने से पहले sRGB में क्लिप किए जाते हैं और टूल इसकी सूचना देता है।

यह टूल एक रंग जोड़ी मापता है। यह फ़ॉन्ट रेंडरिंग, चित्रों या ग्रेडिएंट पर टेक्स्ट, या अन्य WCAG मानदंडों का मूल्यांकन नहीं करता; पूरे पेज के ऑडिट के लिए Web Accessibility Checker का उपयोग करें। WCAG 2.2 में बड़ा टेक्स्ट कम से कम 18 पॉइंट, या 14 पॉइंट बोल्ड (लगभग 24px, या 18.66px बोल्ड) होता है। रंग आपके ब्राउज़र में प्रोसेस होते हैं, और आख़िरी जोड़ी केवल इसी ब्राउज़र के लोकल स्टोरेज में सहेजी जाती है।