कलर कंट्रास्ट चेकर
एक्सेसिबिलिटी अनुपालन के लिए WCAG 2.1 AA/AAA कलर कंट्रास्ट अनुपात जाँचें।
कंट्रास्ट अनुपात
WCAG 2.1
पूर्वावलोकन
तेज़ भूरी लोमड़ी आलसी कुत्ते के ऊपर कूद गई।
तेज़ भूरी लोमड़ी आलसी कुत्ते के ऊपर कूद गई।
तेज़ भूरी लोमड़ी आलसी कुत्ते के ऊपर कूद गई।
तेज़ भूरी लोमड़ी आलसी कुत्ते के ऊपर कूद गई।
Color Blindness Simulation
तेज़ भूरी लोमड़ी आलसी कुत्ते के ऊपर कूद गई।
तेज़ भूरी लोमड़ी आलसी कुत्ते के ऊपर कूद गई।
कलर कॉन्ट्रास्ट चेकर के बारे में
WCAG कलर कंट्रास्ट चेकर सत्यापित करता है कि टेक्स्ट और पृष्ठभूमि रंगों के बीच कंट्रास्ट अनुपात वेब सामग्री एक्सेसिबिलिटी दिशानिर्देश (WCAG) 2.1 मानकों को पूरा करता है या नहीं। AA अनुपालन के लिए सामान्य टेक्स्ट के लिए 4.5:1 का अनुपात आवश्यक है, और AAA के लिए 7:1। कम दृष्टि या रंग अंधापन वाले उपयोगकर्ताओं के लिए वेब सामग्री को सुलभ बनाने के लिए यह आवश्यक है।
उपयोग कैसे करें
फोरग्राउंड (टेक्स्ट) और बैकग्राउंड के लिए hex, RGB, या HSL रंग दर्ज करें। यह टूल तुरंत कॉन्ट्रास्ट अनुपात की गणना करता है और WCAG AA और AAA स्तरों के लिए पास/फेल स्थिति दिखाता है। रंगों को उलटने के लिए स्वैप बटन का उपयोग करें। यदि आपका संयोजन विफल हो जाता है, तो सुझाए गए सुलभ रंग विकल्पों को ब्राउज़ करें।
सामान्य उपयोग के मामले
- यह सुनिश्चित करना कि वेब डिज़ाइन WCAG 2.1 एक्सेसिबिलिटी आवश्यकताओं को पूरा करते हैं
- बैकग्राउंड के मुकाबले बटन और लिंक टेक्स्ट की पठनीयता को सत्यापित करना
- सुलभ PDF और प्रेजेंटेशन तैयार करना
- कंप्लायंस के लिए फॉर्म लेबल और इनपुट टेक्स्ट की जाँच करना
- समावेशी डिज़ाइन के लिए ब्रांड रंग संयोजनों को मान्य करना