🌗 रंग के विपरीतता चेकर (WCAG AA / AAA)
तुरंत जांचें कि आपका टेक्स्ट और बैकग्राउंड रंग जोड़ा WCAG 2.x AA या AAA अक्षमता मानकों को पूरा करता है - अपने ब्राउज़र में, मुफ़्त, आपके डिवाइस से कभी भी डेटा नहीं छोड़ता। कोई भी हेक्स कलर चुनें या टाइप करें, विपरीतता अनुपात देखें और आम टेक्स्ट, बड़े टेक्स्ट और दोनों अनुपालन स्तरों के लिए स्पष्ट पास/फेल बैज प्राप्त करें।
डिज़ाइन से ही निजी. यह टूल पूरी तरह आपके ब्राउज़र में चलता है — आपका डाला हुआ कुछ भी अपलोड या सेव नहीं होता, और यह ऑफ़लाइन भी काम करता है।
परिचय
WCAG (वेब कंटेंट एक्सेसिबिलिटी गाइडलाइंस) विपरीतता अनुपात सूत्र प्रत्येक रंग के लिए संबंधित ज्योति की गणना करता है IEC 61966-2-1 sRGB मानक का उपयोग करके, फिर एक रंग के दूसरे के मुकाबले कितना अधिक ज्योति है। 4.5:1 या अधिक के अनुपात AA के लिए आम टेक्स्ट (16 पिक्सेल) के लिए पूरा करता है, जबकि 7:1 या अधिक AAA के लिए पूरा करता है। बड़े टेक्स्ट (24 पिक्सेल या 18.67 पिक्सेल बोल्ड) के लिए शिथिल अंतर: AA के लिए 3:1 और AAA के लिए 4.5:1। यह उपकरण पूरी तरह से WCAG 2.x एल्गोरिथम आपके ब्राउज़र में चलाता है - कोई सर्वर, कोई खाता नहीं। परिणाम स्थानीय रूप से संग्रहित होते हैं ताकि आपका अंतिम रंग जोड़ा आपके वापस आने पर तैयार रहता है।
कैसे उपयोग करें
- टेक्स्ट रंग के लिए रंग चुनें या रंग चुनने वाले यंत्र का उपयोग करें या टेक्स्ट रंग क्षेत्र में एक हेक्स कोड (जैसे #1a2b3c) टाइप करें।
- बैकग्राउंड रंग के लिए उसी तरह चुनें और बैकग्राउंड रंग क्षेत्र में उपयोग करें। स्वैप बटन का उपयोग करके दो रंगों को तेजी से बदलें।
- बड़े टेक्स्ट में दिखाए गए विपरीतता अनुपात को पढ़ें और चार पास/फेल बैज जांचें: AA और AAA आम टेक्स्ट और बड़े टेक्स्ट के लिए।
- अपने डिज़ाइन को अंतिम रूप देने से पहले चुने गए बैकग्राउंड पर आपके टेक्स्ट के वास्तविक दिखावट को लाइव प्रीव्यू सेक्शन में प्रीव्यू करें।
सामान्य प्रश्न
- क्या यह WCAG विपरीतता चेकर मुफ़्त उपयोग के लिए है?
- हां, पूरी तरह से मुफ़्त, कोई रजिस्ट्रेशन, कोई भुगतान बाड़, और कोई उपयोग सीमा नहीं। पृष्ठ खोलें और तुरंत रंग जांचना शुरू करें।
- क्या यह ऑफ़लाइन या इंटरनेट कनेक्शन के बिना काम करता है?
- हां। सभी गणना आपके ब्राउज़र में पूरी तरह से चलती है जावास्क्रिप्ट का उपयोग करके। एक बार पृष्ठ लोड हो जाने के बाद, आप इंटरनेट से डिसकनेक्ट कर सकते हैं और उपकरण अभी भी काम करता रहता है। कोई डेटा किसी भी सर्वर पर भेजा नहीं जाता है।
- मेरे रंग डेटा निजी हैं? कोई चीज़ अपलोड होती है?
- आपके रंग कभी भी आपके ब्राउज़र से बाहर नहीं जाते। आप द्वारा दर्ज किए गए रंगों पर कोई विश्लेषण, कोई अपलोड, कोई तीसरे पक्ष के साझा नहीं है। आपका अंतिम रंग जोड़ा केवल आपके ब्राउज़र के localStorage में संग्रहित होता है।
- WCAG AA और AAA के बीच क्या अंतर है?
- AA अधिकांश विनियमों (जैसे ADA, EN 301 549) द्वारा आवश्यक न्यूनतम मानक है। आम टेक्स्ट के लिए 4.5:1 के अनुपात की आवश्यकता है; बड़े टेक्स्ट (24 पिक्सेल या 18.67 पिक्सेल बोल्ड) के लिए 3:1 की आवश्यकता है। AAA बढ़ी हुई अक्षमता है: 7:1 आम टेक्स्ट के लिए और 4.5:1 बड़े टेक्स्ट के लिए। उत्पादन डिज़ाइन में कम से कम AA के लिए लक्ष्य रखें।
- क्या मैं 3-अंक वाले हेक्स संक्षिप्त रूप जैसे #fff के साथ रंगों की जांच कर सकता हूं?
- हां। उपकरण 3-अंक वाले संक्षिप्त (#rgb) और पूरे 6-अंक वाले (#rrggbb) हेक्स कोड दोनों को स्वीकार करता है। अपने रंग को टाइप करें या पेस्ट करें और चेकर ऑटोमैटिक रूप से इसे विस्तारित और जांचता है।
- क्या यह टूल मेरा डेटा अपलोड करता है?
- नहीं। सब कुछ आपके ब्राउज़र में ही चलता है, इसलिए आपका डेटा कभी आपके डिवाइस से बाहर नहीं जाता — पेज लोड होने के बाद यह ऑफ़लाइन भी काम करता है।