सबसे पहले, जिस वस्तु का मापन करना है, उसकी पहचान करें।
टेक्स्ट का रंग और वास्तविक बैकग्राउंड का रंग तीन या छह बिट हेक्साडेसिमल डेटा का उपयोग करके दर्ज करें। यह टूल अपारदर्शी sRGB रंगों के आधार पर गणना करता है; पारदर्शी रंगों, बैकग्राउंड छवियों और ग्रेडिएंट के लिए, आपको पहले टेक्स्ट के स्थान पर वास्तविक बैकग्राउंड का पता लगाना होगा, और आप किसी भी रंग मान को सीधे विकल्प के रूप में उपयोग नहीं कर सकते।
रंगों के इस सेट के टेक्स्ट कंट्रास्ट की जाँच के परिणाम यह संकेत नहीं देते कि पूरा पृष्ठ WCAG रेटिंग को पूरा करता है। फ़ॉन्ट आकार, फ़ॉन्ट, इंटरैक्टिव स्थितियाँ और अन्य अभिगम्यता संबंधी आवश्यकताओं की जाँच वास्तविक पृष्ठ पर अभी भी आवश्यक है।
अनुपात की गणना कैसे करें
प्रत्येक 8-बिट रंग चैनल को 255 से विभाजित करने पर c प्राप्त होता है। यदि c ≤ 0.04045 है, तो रैखिक मान c ÷ 12.92 है; अन्यथा, यह ((c + 0.055) ÷ 1.055) की घात 2.4 है। सापेक्ष चमक L = 0.2126R + 0.7152G + 0.0722B है, जहाँ R, G और B उपरोक्त रैखिक मानों का उपयोग करते हैं।
(अधिक L + 0.05) ÷ (कम L + 0.05). काले और सफेद का अनुपात 21:1 और समान रंगों का 1:1 है। टेक्स्ट और पृष्ठभूमि बदलने से कंट्रास्ट अनुपात नहीं बदलता, लेकिन दृश्य रूप बदलता है।
राउंडिंग को पासिंग ग्रेड समझने की गलती न करें।
सामान्य टेक्स्ट के लिए AA में कम से कम 4.5:1 और AAA में 7:1 चाहिए। बड़े टेक्स्ट के लिए क्रमशः 3:1 और 4.5:1 चाहिए। बड़ा टेक्स्ट कम से कम 18pt, या मोटे अक्षरों में 14pt है। छोटे टेक्स्ट पर उसकी सीमा लागू न करें।
सफेद पृष्ठभूमि पर #777777 का कॉन्ट्रास्ट अनुपात लगभग 4.478:1 है, जो सामान्य टेक्स्ट (AA) के लिए आवश्यक 4.5:1 की आवश्यकता को पूरा नहीं करता है। भले ही इंटरफ़ेस इसे 4.5 के रूप में प्रदर्शित करे, प्रदर्शित मान का उपयोग निर्णय के लिए नहीं किया जा सकता है। यह साइट तीन दशमलव स्थानों तक का मान प्रदर्शित करती है; सशर्त निर्णय में पूर्ण परिकलित मान का उपयोग किया जाता है।
रंगों के जोड़ों को वापस वास्तविक इंटरफ़ेस में डालें
पूर्वावलोकन में केवल इनपुट रंग दिखाए गए हैं, जिसमें बॉडी टेक्स्ट के लिए 16px और हेडिंग के लिए 24px का उपयोग किया गया है। सबसे पहले, लक्ष्य पृष्ठ पर वास्तविक टेक्स्ट रंग, पृष्ठभूमि, फ़ॉन्ट आकार और मोटाई की जाँच करें, फिर सामान्य, होवर और फ़ोकस स्थितियों की जाँच करें; केवल डिज़ाइन ड्राफ़्ट में सबसे अच्छे दिखने वाले रंगों के सेट की जाँच न करें।
टेक्स्ट को धीरे-धीरे गहरा करने या बैकग्राउंड को हल्का करने के बाद, गणना दोहराई जाती है, और फिर वास्तविक डिवाइस पर फ़ॉन्ट और पढ़ने के अनुभव की जाँच की जाती है। यहाँ रंग कंट्रास्ट परीक्षण रंग अंधापन की पहचान, आइकन के अर्थ या पूरे पृष्ठ के अनुपालन को नहीं मापता है; रंग मान और सत्यापन स्थान बाद में समीक्षा के लिए सुरक्षित रखे जाते हैं।