रंग कंट्रास्ट चेकर
WCAG AA और AAA एक्सेसिबिलिटी स्तरों के विरुद्ध दो रंगों के बीच कंट्रास्ट अनुपात जांचें।
Contrast Checker का उपयोग कैसे करें
- 01
एक टेक्स्ट रंग और बैकग्राउंड रंग चुनें।
- 02
कंट्रास्ट अनुपात और WCAG पास या फेल बैज पढ़ें।
- 03
जब तक आपको आवश्यक स्तर पास न हो जाए रंग समायोजित करें।
Contrast जांचक क्या करता है
यह WCAG रंग अंतर जांचक टेक्स्ट रंग और पृष्ठभूमि रंग के बीच सटीक अंतर अनुपात दिखाता है और बताता है कि वह AA और AAA सुगम्यता स्तर पूरा करता है या नहीं। रंग-नमूना या hex कोड से रंग चुनें और लाइव पूर्वावलोकन देखें।
दोनों रंग को तब तक बदलें जब तक बैज आपके आवश्यक स्तर पर उत्तीर्ण न हों। बदलाव करते समय परिणाम तुरंत अपडेट होता है।
Contrast क्यों महत्वपूर्ण है
जो टेक्स्ट अपने पृष्ठभूमि के चमक के बहुत करीब हो, उसे पढ़ना कठिन या असंभव होता है। खासकर कम दृष्टि या रंग दृष्टि कमी वाले लोगों और तेज धूप में फ़ोन इस्तेमाल करने वाले किसी भी व्यक्ति के लिए। पर्याप्त अंतर सामग्री को सभी के लिए पढ़ने योग्य रखता है।
WCAG AA और AAA सीमाएँ
Web Content Accessibility Guidelines (WCAG) मानक तय करती हैं। AA वह स्तर है जिसे अधिकतर साइट लक्ष्य बनाती हैं और जिसका कई सुगम्यता नियम उल्लेख करते हैं। इसमें सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 अनुपात चाहिए। AAA में अधिक सख्त 7:1 और 4.5:1 अनुपात चाहिए।
बड़े टेक्स्ट के लिए कम सीमा होती है, क्योंकि बड़े अक्षर कम अंतर पर भी पढ़ने योग्य रहते हैं। लगभग 24px (18pt), या गहरा होने पर 18.66px (14pt), टेक्स्ट को बड़ा माना जाता है।
अनुपात की गणना कैसे होती है
अनुपात आधिकारिक WCAG सूत्र से दोनों रंग की सापेक्ष दीप्ति के आधार पर निकलता है। मान 1:1, यानी बिना अंतर वाले एक जैसे रंग, से 21:1, यानी सफेद पर काला, तक होती है।
आपके ब्राउज़र में चलता है
सब कुछ आपके ब्राउज़र में गणना करें होता है, इसलिए यह तुरंत और निजी रूप से काम करता है। आपके चुने हुए रंग कहीं अपलोड नहीं होते।
अक्सर पूछे जाने वाले सवाल
मुझे कितने कंट्रास्ट अनुपात की आवश्यकता है?
WCAG AA को सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट (18pt या 14pt बोल्ड) के लिए 3:1 की आवश्यकता है। AAA को क्रमशः 7:1 और 4.5:1 की आवश्यकता है।
बड़ा टेक्स्ट क्या माना जाता है?
टेक्स्ट जो कम से कम 24px (18pt) है, या बोल्ड होने पर 18.66px (14pt)। बड़े टेक्स्ट को कम कंट्रास्ट अनुपात की अनुमति है।
अनुपात की गणना कैसे होती है?
आधिकारिक WCAG फॉर्मूला का उपयोग करके प्रत्येक रंग की सापेक्ष चमक से, 1:1 (कोई कंट्रास्ट नहीं) से 21:1 (सफेद पर काला) तक का मान देता है।