कंट्रास्ट चेकर
किसी भी टेक्स्ट और बैकग्राउंड कलर कॉम्बिनेशन के लिए WCAG AA और AAA अनुपालन जांचें।
Text color
Background color
Large Text Example (18pt+)
Normal text: The quick brown fox jumps over the lazy dog. This is regular body text to test readability and contrast against the selected background color.
Large text = 18pt (24px) normal or 14pt (18.67px) bold. WCAG 2.1 guidelines. AA is the minimum standard; AAA is enhanced.
WCAG कंट्रास्ट अनुपालन क्या है?
WCAG (Web Content Accessibility Guidelines) कम दृष्टि या रंग अंधता वाले लोगों के लिए पठनीयता सुनिश्चित करने के लिए टेक्स्ट और उसके बैकग्राउंड के बीच न्यूनतम कंट्रास्ट अनुपात परिभाषित करता है। लेवल AA के लिए सामान्य टेक्स्ट के लिए कम से कम 4.5:1 और बड़े टेक्स्ट के लिए 3:1 की आवश्यकता है। लेवल AAA उन्नत मानक है जिसके लिए क्रमशः 7:1 और 4.5:1 आवश्यक है।
AA बनाम AAA - आपको किसे लक्षित करना चाहिए?
AA अधिकांश एक्सेसिबिलिटी नियमों के लिए कानूनी न्यूनतम है (यूरोप में EN 301 549 और अमेरिका में Section 508 सहित)। AAA स्वर्ण मानक है - हासिल करना कठिन लेकिन बॉडी टेक्स्ट और महत्वपूर्ण इंटरफेस के लिए अनुशंसित। अधिकांश टीमें सभी टेक्स्ट के लिए AA और जहां संभव हो बॉडी कॉपी के लिए AAA लक्षित करती हैं।
"बड़ा टेक्स्ट" क्या माना जाता है?
WCAG बड़े टेक्स्ट को सामान्य वेट पर 18pt (24px) या उससे बड़ा, या बोल्ड वेट पर 14pt (18.67px) या उससे बड़ा परिभाषित करता है। बड़े टेक्स्ट को अधिक उदार कंट्रास्ट अनुपात (AA के लिए 3:1) का लाभ मिलता है क्योंकि साइज़ स्वयं पठनीयता में सहायता करता है। हेडलाइन और डिस्प्ले टेक्स्ट आमतौर पर योग्य होते हैं; अधिकांश बॉडी कॉपी नहीं।
इस टूल का उपयोग कैसे करें
कलर पिकर का उपयोग करके या सीधे hex कोड टाइप करके अपना टेक्स्ट रंग और बैकग्राउंड रंग चुनें। कंट्रास्ट अनुपात तुरंत अपडेट होता है और सभी चार WCAG जांच रियल टाइम में Pass या Fail दिखाती हैं। रंग उलटने के लिए Swap बटन उपयोग करें। लाइव प्रीव्यू दिखाता है कि आपका कॉम्बिनेशन वास्तविक टेक्स्ट पर कैसा दिखता है।