सामग्री पर जाएं
डिज़ाइन एवं रंग

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

WCAG 2.1 AA और AAA के विरुद्ध किसी भी अग्रभूमि और पृष्ठभूमि युग्म की जाँच करें।

आपके ब्राउज़र में चलता है100% निजीकोई अपलोड नहीं
टूल लोड हो रहा है…

इस टूल को साझा करें

इसे किसी ऐसे व्यक्ति को भेजें जिसे इसकी आवश्यकता हो।

Xfin
पूरी गाइड पढ़ें

WCAG कंट्रास्ट चेकर के बारे में

कम-कंट्रास्ट टेक्स्ट वेब पर सबसे आम एक्सेसिबिलिटी विफलता है। सामान्य टेक्स्ट, बड़े टेक्स्ट और यूआई घटकों के लिए सटीक कंट्रास्ट अनुपात और पास/असफल निर्णय प्राप्त करने के लिए अपना टेक्स्ट और पृष्ठभूमि रंग दर्ज करें।

इसका उपयोग कैसे करना है

  1. 1टेक्स्ट और पृष्ठभूमि सेट करेंरंग इनपुट का उपयोग करें या अपने डिज़ाइन टोकन से hex मान पेस्ट करें।
  2. 2अनुपात पढ़ेंउपकरण दो दशमलव स्थानों तक सापेक्ष चमक और कंट्रास्ट अनुपात की गणना करता है।
  3. 3ठीक करें और पुनः परीक्षण करेंयदि कोई जोड़ी विफल हो जाती है, तो उसके गुजरने तक हल्कापन समायोजित करें, फिर अनुवर्ती hex मानों की प्रतिलिपि बनाएँ।

इस wcag कंट्रास्ट चेकर का उपयोग क्यों करें?

  • आपके डिवाइस से कुछ भी नहीं छूटता. काम आपके ब्राउज़र टैब में होता है. इस ऐप में कोई अपलोड एंडपॉइंट नहीं है, इसलिए आपकी फ़ाइलें और टेक्स्ट हमारे द्वारा संग्रहीत, लॉग या देखा नहीं जा सकता है।
  • कोई अपलोड प्रतीक्षा नहीं. आप सर्वर पर राउंड ट्रिप को पूरी तरह से छोड़ देते हैं। परिणाम आपके अपने सीपीयू द्वारा सीमित होते हैं, नेटवर्क गति या कतार आकार से नहीं।
  • निःशुल्क, कोई खाता नहीं, कोई कोटा नहीं. कोई साइन-अप दीवार नहीं, कोई वॉटरमार्क नहीं, कोई दैनिक सीमा नहीं। वैकल्पिक खाते केवल सभी डिवाइसों में पसंदीदा और प्रीसेट सहेजने के लिए मौजूद हैं।

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

क्या मेरा रंग जोड़ा यहां उपयोग करने के लिए सुरक्षित है?

हाँ। यह टूल पूरी तरह से जावास्क्रिप्ट का उपयोग करके आपके ब्राउज़र में चलता है। आप जो कुछ भी चिपकाते या खोलते हैं वह सर्वर पर नहीं भेजा जाता है, और आपके बंद करने के बाद पृष्ठ में कोई प्रति नहीं रहती है।

क्या मुझे एक खाता बनाने की आवश्यकता है?

नहीं, प्रत्येक उपकरण साइन इन किए बिना पूरी तरह से उपयोग करने योग्य है। एक खाता केवल सहेजे गए पसंदीदा और पुन: प्रयोज्य प्रीसेट जोड़ता है।

क्या यह फ़ोन पर काम करता है?

हाँ। इंटरफ़ेस बड़े स्पर्श लक्ष्य और स्टैक्ड लेआउट के साथ मोबाइल-फर्स्ट है, इसलिए यह फोन और टैबलेट के साथ-साथ डेस्कटॉप पर भी काम करता है।

WCAG को किस अनुपात की आवश्यकता है?

AA को सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट (18pt, या 14pt बोल्ड) के लिए 3:1 की आवश्यकता होती है। एएए इन्हें बढ़ाकर 7:1 और 4.5:1 कर देता है। गैर-पाठ यूआई घटकों को कम से कम 3:1 की आवश्यकता है।

कोई रंग अच्छा तो दिखता है लेकिन असफल क्यों होता है?

अनुमानित चमक रंग से भिन्न होती है। संतृप्त नीले और हरे रंग में अक्सर दिखने की तुलना में कम चमक होती है, इसलिए नमूने पर भरोसा करने के बजाय हमेशा वास्तविक जोड़ी को मापें।

टूलबॉक्स के एक ही कोने से अधिक निःशुल्क उपयोगिताएँ।