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

यह टूल क्या है?

जांचें कि क्या फोरग्राउंड (टेक्स्ट) और बैकग्राउंड रंग संयोजन WCAG 2.1 एक्सेसिबिलिटी कंट्रास्ट मानकों को पूरा करता है। AA और AAA अनुपालन स्तरों के लिए तुरंत कंट्रास्ट रेशियो और पास/फेल परिणाम प्राप्त करें।

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

1. फोरग्राउंड (टेक्स्ट) रंग के लिए एक हेक्स वैल्यू चुनें या टाइप करें।
2. बैकग्राउंड रंग के लिए एक हेक्स वैल्यू चुनें या टाइप करें।
3. लाइव प्रीव्यू और हर WCAG स्तर के लिए पास/फेल परिणाम देखें।

सामान्य उपयोग के मामले

• डिज़ाइन शिप करने से पहले यह वेरिफाई करना कि टेक्स्ट और बैकग्राउंड रंग विकल्प एक्सेसिबिलिटी गाइडलाइन को पूरा करते हैं
• बटन, लिंक और बॉडी टेक्स्ट के लिए पठनीय रंग संयोजन चुनना
• एक्सेसिबिलिटी अनुपालन के लिए किसी मौजूदा वेबसाइट या ऐप का ऑडिट करना

टिप्स और ट्रिक्स

• AA (4.5:1) न्यूनतम मानक है जिसे अधिकांश वेबसाइटों को सामान्य टेक्स्ट के लिए पूरा करना चाहिए।
• बड़े टेक्स्ट (18pt+, या 14pt+ बोल्ड) की आवश्यक रेशियो कम होती है क्योंकि इसे कम कंट्रास्ट पर भी आसानी से पढ़ा जा सकता है।