निःशुल्क WCAG रंग कंट्रास्ट चेकर: अपने ब्राउज़र में AA और AAA अनुपालन के लिए टेक्स्ट और पृष्ठभूमि रंगों का परीक्षण करें। हेक्स या आरजीबी मान दर्ज करें, कंट्रास्ट अनुपात देखें और तुरंत पास/असफल हो जाएं। कोई लॉगिन नहीं, कोई अपलोड नहीं.
यह sRGB सापेक्ष चमक का उपयोग करके अग्रभूमि (पाठ) रंग और पृष्ठभूमि रंग के बीच WCAG 2.x कंट्रास्ट अनुपात की गणना करता है। आपको सामान्य टेक्स्ट और बड़े टेक्स्ट पर WCAG AA और AAA थ्रेशोल्ड के लिए एक संख्यात्मक अनुपात (उदाहरण के लिए 4.52:1) प्लस पास/असफल मिलता है। यह एक डिज़ाइन QA सहायक है—आपकी संपूर्ण साइट का पूर्ण स्वचालित एक्सेसिबिलिटी ऑडिट नहीं।
हेक्स (#RGB, #RRGGBB, #RRGGBBAA), rgb(), और rgba()। फिग्मा टोकन, सीएसएस वेरिएबल्स या डिज़ाइन डॉक्स से ब्रांड पैलेट मान चिपकाएँ। चमक की गणना करने से पहले #fff जैसा छोटा हेक्स #ffffff तक विस्तारित हो जाता है।
एए सामान्य कानूनी और उत्पाद आधार रेखा है: सामान्य पाठ के लिए 4.5:1, बड़े पाठ के लिए 3:1। एएए सख्त है: 7:1 सामान्य, 4.5:1 बड़ा। कई मार्केटिंग साइटें बॉडी कॉपी के लिए AA और केवल हीरो हेडलाइंस या हाई-रिस्क UI के लिए AAA को लक्षित करती हैं। यह टूल दोनों दिखाता है ताकि आप डिज़ाइन के साथ एक रक्षात्मक लक्ष्य चुन सकें।
बड़ा टेक्स्ट कम से कम 18 पॉइंट (24 सीएसएस पिक्सल) नियमित वजन, या कम से कम 14 पॉइंट बोल्ड (लगभग 18.66 सीएसएस पिक्सल) का होता है। बटन, कैप्शन और फाइन प्रिंट अक्सर AA में विफल हो जाते हैं, भले ही शीर्षक पास हो जाएं - केवल H1 नमूना ही नहीं, बल्कि आपके द्वारा भेजे जाने वाले प्रत्येक आकार की जांच करें।
नहीं, पार्सिंग और ल्यूमिनेंस गणित पूरी तरह से आपके ब्राउज़र में चलता है। अप्रकाशित पैलेट प्रयोग और क्लाइंट एनडीए रंग आपके डिवाइस पर बने रहते हैं। समाप्त होने पर साझा मशीनों पर फ़ील्ड साफ़ करें।
rgba और #RRGGBBAA मानों को पार्स किया जाता है, लेकिन कंट्रास्ट का मूल्यांकन अपारदर्शी sRGB चैनलों पर किया जाता है - चेकर फोटोग्राफिक पृष्ठभूमि पर अल्फा-कम्पोजिट टेक्स्ट नहीं करता है। छवियों पर पाठ के लिए, कॉपी के पीछे प्रभावी रंग का नमूना लें या पहले एक ठोस ओवरले का उपयोग करें, फिर दोबारा जांचें।
हाँ. कोर अनुपात और पास/असफल पथ के लिए बिना किसी लॉगिन के निःशुल्क।