कंट्रास्ट चेकर

टेक्स्ट और बैकग्राउंड का रंग डालें और देखें कि WCAG कंट्रास्ट रेशियो कितना है और कौन-से AA और AAA लेवल पास होते हैं।

कंट्रास्ट रेशियो
सामान्य टेक्स्टAA4.5:1
सामान्य टेक्स्टAAA7:1
बड़ा टेक्स्टAA3:1
बड़ा टेक्स्टAAA4.5:1
UI और ग्राफ़िक्स3:1
जाँच के लिए टेक्स्ट और बैकग्राउंड का रंग डालें।

हर जाँच आपके ब्राउज़र में ही चलती है। आपका डाला हुआ कुछ भी BroBroGo पर अपलोड नहीं होता।

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

AA और AAA नतीजों का क्या मतलब है?

AA वह लेवल है जिसे ज़्यादातर साइटें हासिल करने की कोशिश करती हैं: इसके लिए सामान्य टेक्स्ट में कम से कम 4.5:1 और बड़े टेक्स्ट में 3:1 रेशियो चाहिए। AAA इससे सख़्त है — सामान्य टेक्स्ट के लिए 7:1 और बड़े टेक्स्ट के लिए 4.5:1। रेशियो 1:1 (कोई कंट्रास्ट नहीं) से 21:1 (सफ़ेद पर काला) तक होता है।

बड़ा टेक्स्ट किसे माना जाता है?

18pt (करीब 24px) से बड़ा टेक्स्ट, या बोल्ड होने पर 14pt (करीब 18.5px) से बड़ा। बड़ा टेक्स्ट कम कंट्रास्ट पर भी पढ़ने लायक रहता है, इसलिए सामान्य टेक्स्ट की सख़्त सीमाओं के बजाय यह AA में 3:1 और AAA में 4.5:1 पर पास हो जाता है।

मैं रंग किन फ़ॉर्मैट में डाल सकता हूँ?

#1a1a1a जैसा HEX मान डालें, rgb(26, 26, 26) जैसा rgb() मान, या कोई hsl() मान — या रंग चुनने के लिए किसी भी स्वैच पर क्लिक करें। टेक्स्ट और बैकग्राउंड के रंग आपस में बदलने के लिए स्वैप बटन दबाएँ।

यह WCAG 2 है या नया APCA तरीका?

यह WCAG 2.1 / 2.2 फ़ॉर्मूला इस्तेमाल करता है, वही जिसे आज एक्सेसिबिलिटी नियम और ऑडिट मानते हैं। APCA एक नया, धारणा पर ज़्यादा आधारित तरीका है जो अभी WCAG 3 के लिए तैयार हो रहा है — उम्मीद जगाता है, पर अभी अनुपालन का मानक नहीं, इसलिए यहाँ के पास/फेल नतीजे इसका इस्तेमाल नहीं करते।