WCAG कलर कॉन्ट्रास्ट चेकर
एक foreground (टेक्स्ट) और background कलर डालें और सटीक WCAG 2.1 contrast ratio पाएं, AA और AAA, normal और large टेक्स्ट के लिए pass/fail रिज़ल्ट्स के साथ, साथ ही एक live preview भी। कलर्स को hex या rgb() में डाला जा सकता है, या हर field के बगल में दिए color picker से चुना जा सकता है।
तुलना के लिए यह एक नमूना वाक्य है
तुलना के लिए सामान्य आकार का बॉडी टेक्स्ट नमूना।
अक्सर पूछे जाने वाले प्रश्न
contrast ratio की गणना कैसे होती है?
हर कलर के sRGB चैनलों पर असली WCAG 2.1 relative luminance फ़ॉर्मूला इस्तेमाल करके, फिर lighter और darker luminance की तुलना (L1 + 0.05) / (L2 + 0.05) के रूप में की जाती है। परिणाम 1:1 (एक जैसे कलर) से 21:1 (शुद्ध सफ़ेद पर शुद्ध काला) तक होता है।
AA और AAA में क्या अंतर है?
AA वह standard WCAG conformance level है जिस पर ज़्यादातर accessibility requirements (कई legal standards सहित) आधारित हैं: normal टेक्स्ट के लिए 4.5:1, large टेक्स्ट के लिए 3:1। AAA एक सख़्त, वैकल्पिक level है: normal टेक्स्ट के लिए 7:1, large टेक्स्ट के लिए 4.5:1।
"large text" में क्या गिना जाता है?
WCAG large text को 18pt (24px) regular weight या बड़ा, या 14pt (लगभग 18.66px) bold या बड़ा के रूप में परिभाषित करता है। Large text को कम contrast requirement मिलता है क्योंकि बड़े, bolder strokes कम contrast में भी पढ़ने योग्य रहते हैं।
क्या मैं कलर्स को hex के बजाय RGB में डाल सकता हूं?
हां, foreground और background दोनों fields hex (#3b82f6) या rgb(59, 130, 246) फ़ॉर्मेट स्वीकार करते हैं, या आप हर field के बगल में दिए color picker का उपयोग कर सकते हैं।