WCAG कंट्रास्ट जाँचकर्ता

अपनी वेबसाइट पर उपयोग करने से पहले, WCAG पहुँच-योग्यता मानदंडों के अनुसार टेक्स्ट रंग और पृष्ठभूमि रंग के बीच कंट्रास्ट अनुपात की जाँच करें।

उदाहरण:

नमूना शीर्षक

ऊपर चुने गए टेक्स्ट रंग और पृष्ठभूमि रंग का उपयोग करते हुए यह एक नमूना पैराग्राफ है, ताकि WCAG स्कोर के साथ-साथ आप पठनीयता को दृश्य रूप से भी परख सकें।

यह कैसे काम करता है

WCAG के दिशानिर्देश टेक्स्ट और उसकी पृष्ठभूमि के बीच न्यूनतम कंट्रास्ट अनुपात निर्धारित करते हैं, ताकि वेबसाइट कम दृष्टि वाले लोगों या कठिन प्रदर्शन स्थितियों (कम रोशनी वाली स्क्रीन, चमक) में भी पठनीय बनी रहे। Figma या किसी ब्रांड किट में चुने गए रंग संयोजन को अंतिम रूप देने से पहले, यह उपकरण दोनों रंगों के बीच वास्तविक अनुपात की गणना करता है और बताता है कि यह AA (अनुशंसित न्यूनतम स्तर) और AAA (उन्नत स्तर) मानदंडों को पूरा करता है या नहीं।

'सामान्य टेक्स्ट' और 'बड़े टेक्स्ट' में क्या अंतर है?

आवश्यक कंट्रास्ट स्तर टेक्स्ट के आकार पर निर्भर करता है: बड़ा टेक्स्ट (लगभग 18pt से, या बोल्ड में 14pt से) सामान्य आकार के टेक्स्ट की तुलना में कम कंट्रास्ट के साथ भी पठनीय रहता है, क्योंकि अक्षरों के आकार बड़े होते हैं और उन्हें पहचानना आसान होता है।

मुझे AA या AAA का लक्ष्य रखना चाहिए?

AA स्तर आमतौर पर अनुशंसित मानक है और अधिकांश वेबसाइटों के लिए पर्याप्त है (और अक्सर कई न्यायक्षेत्रों में कानूनी रूप से अनिवार्य होता है)। AAA स्तर अधिक कठोर है और उन सामग्रियों के लिए अनुशंसित है जहाँ पहुँच-योग्यता को प्राथमिकता दी जाती है, लेकिन कुछ ब्रांड पैलेट के साथ उसे बिना महत्वपूर्ण बदलाव किए हासिल करना कभी-कभी मुश्किल होता है।

100% स्थानीय प्रसंस्करण: कंट्रास्ट अनुपात की गणना आपके ब्राउज़र में ही WebAssembly के माध्यम से होती है, किसी बाहरी सर्वर से संपर्क नहीं किया जाता।