मुफ्त कनवर्टर

रंग कंट्रास्ट चेकर (WCAG)

दो रंगों के बीच कंट्रास्ट अनुपात जांचें और WCAG AA तथा AAA एक्सेसिबिलिटी मानकों के अनुपालन की पुष्टि करें। मुफ़्त, तत्काल और पूरी तरह ब्राउज़र में।

नमूना टेक्स्ट — सामान्य आकार

नमूना छोटा टेक्स्ट — 14px

कंट्रास्ट अनुपात:21.00:1
WCAG AAसामान्य टेक्स्टपास
WCAG AAबड़ा टेक्स्टपास
WCAG AAAसामान्य टेक्स्टपास
WCAG AAAबड़ा टेक्स्टपास

इस टूल के बारे में

WCAG 2.1 पहुंच दिशानिर्देशों के अनुसार अग्रभूमि पाठ और पृष्ठभूमि रंगों के बीच रंग कंट्रास्ट अनुपात की जांच करें। रंगों को हेक्स कोड, आरजीबी मान या एचएसएल मान के रूप में दर्ज करें और तुरंत सामान्य और बड़े पाठ आकार दोनों पर डब्ल्यूसीएजी एए और एएए अनुपालन के लिए पास/असफल परिणामों के साथ कंट्रास्ट अनुपात देखें।

कैसे उपयोग करें

  1. रंग पिकर या हेक्स इनपुट का उपयोग करके अपना अग्रभूमि (पाठ) रंग दर्ज करें या चुनें।
  2. अपना पृष्ठभूमि रंग दर्ज करें या चुनें.
  3. कंट्रास्ट अनुपात और WCAG 2.1 AA/AAA पास/असफल परिणाम तुरंत देखें।
  4. जब तक आप वांछित अनुपालन स्तर प्राप्त नहीं कर लेते तब तक रंगों को समायोजित करें।

अक्सर पूछे जाने वाले प्रश्न

WCAG अनुपालन के लिए किस कंट्रास्ट अनुपात की आवश्यकता है?
WCAG AA को सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट (18pt+ या 14pt+ बोल्ड) के लिए 3:1 की आवश्यकता होती है। WCAG AAA को सामान्य टेक्स्ट के लिए 7:1 और बड़े टेक्स्ट के लिए 4.5:1 की आवश्यकता होती है। अधिकतम संभव अनुपात 21:1 (सफेद पर काला) है।
रंग विरोधाभास क्यों मायने रखता है?
पर्याप्त कंट्रास्ट यह सुनिश्चित करता है कि पाठ कम दृष्टि, रंग अंधापन, या तेज धूप में स्क्रीन देखने वाले उपयोगकर्ताओं के लिए पढ़ने योग्य है। यह कई वेबसाइटों के लिए एडीए और ईयू पहुंच नियमों के तहत एक कानूनी आवश्यकता भी है।
WCAG में 'बड़ा पाठ' क्या माना जाता है?
बड़े टेक्स्ट को नियमित वजन के लिए 18pt (24px) और अधिक, या बोल्ड टेक्स्ट के लिए 14pt (18.66px) और अधिक के रूप में परिभाषित किया गया है। बड़े टेक्स्ट में कंट्रास्ट की आवश्यकताएं कम होती हैं क्योंकि इसे पढ़ना स्वाभाविक रूप से आसान होता है।
क्या यह उपकरण गैर-पाठ्य तत्वों के लिए कंट्रास्ट की जाँच करता है?
WCAG 2.1 को UI घटकों और ग्राफिकल ऑब्जेक्ट्स (बटन, आइकन, फॉर्म फ़ील्ड) के लिए 3:1 कंट्रास्ट अनुपात की आवश्यकता होती है। आप उन्हें सत्यापित करने के लिए भी इस टूल का उपयोग कर सकते हैं - बस घटक और पृष्ठभूमि रंग दर्ज करें।