कंट्रास्ट चेकर
Contrast Checker टेक्स्ट रंग और background रंग के बीच WCAG 2.1 contrast ratio निकालता है और दिखाता है कि यह जोड़ी normal और large text के लिए AA और AAA में pass होती है या नहीं।
इस टूल के बारे में
Contrast Checker टेक्स्ट रंग और background रंग के बीच WCAG 2.1 contrast ratio निकालता है और दिखाता है कि यह जोड़ी normal और large text के लिए AA और AAA में pass होती है या नहीं।
इस्तेमाल कैसे करें
- टेक्स्ट रंग डालें या चुनें।
- background रंग डालें या चुनें (hex values चलती हैं, 3-अंकों वाला छोटा रूप भी)।
- contrast ratio और normal व large text के लिए AA/AAA नतीजे पढ़ें।
- जब तक आपकी ज़रूरत का level pass न हो, किसी भी रंग को एडजस्ट करें।
जानने योग्य बातें
- WCAG 2.1 AA के लिए normal text का contrast ratio कम से कम 4.5:1 और large text का 3:1 होना चाहिए।
- WCAG 2.1 AAA के लिए normal text का कम से कम 7:1 और large text का 4.5:1 होना चाहिए।
- large text का मतलब है कम से कम 18 pt (24 px) regular या 14 pt (लगभग 18.66 px) bold।
- contrast ratio 1:1 (एक जैसे रंग) से 21:1 (सफ़ेद पर काला) तक होता है।
- ratio WCAG फ़ॉर्मूले के अनुसार हर रंग की relative luminance से निकाला जाता है।
पूरी तरह आपके ब्राउज़र में चलता है — आप जो भी डालते हैं, वह न अपलोड होता है न सेव।
अक्सर पूछे जाने वाले सवाल
accessibility के लिए कितना contrast ratio ज़रूरी है?
WCAG 2.1 level AA के लिए normal text को कम से कम 4.5:1 और large text को कम से कम 3:1 चाहिए। level AAA में यह बढ़कर 7:1 और 4.5:1 हो जाता है।
क्या हरे रंग पर सफ़ेद टेक्स्ट accessible है?
यह shade पर निर्भर करता है। कई चमकीले हरे रंग सफ़ेद टेक्स्ट के साथ AA में फ़ेल होते हैं; गहरे हरे आमतौर पर pass होते हैं। जाँचने के लिए अपनी सटीक hex values डालें।
WCAG में large text किसे माना जाता है?
वह टेक्स्ट जो regular weight में कम से कम 18 point (24 px), या bold में कम से कम 14 point (लगभग 18.66 px) हो।
क्या WCAG contrast buttons और icons पर लागू होता है?
WCAG 2.1 success criterion 1.4.11 के अनुसार user-interface components और अर्थपूर्ण graphics का अपने आसपास के साथ कम से कम 3:1 contrast होना चाहिए।