टेक्स्ट कंट्रास्ट: रंगों की जोड़ी और संदर्भ जाँचें

टेक्स्ट का रंग पृष्ठभूमि से अलग सफल नहीं होता। सफेद पर ठीक रंग गहरे पर कठिन हो सकता है; वास्तविक जोड़ी से शुरू करें।

सीमा चुनने से पहले टेक्स्ट पहचानें

WCAG 2.2 AA साधारण टेक्स्ट के लिए कम-से-कम 4.5:1 और बड़े के लिए 3:1 माँगता है। बड़ा होना आकार और मोटाई से तय है, केवल HTML शीर्षक टैग से नहीं।

नियम अपनी शर्तों में 18pt सामान्य या 14pt बोल्ड को बड़ा मानता है। छोटे शीर्षक को कम सीमा अपने आप नहीं मिलती।

संदर्भ: W3C WAI — Understanding WCAG 2.2 Contrast (Minimum)

गोल संख्या असफलता छिपा सकती है

फैसले से पहले ऊपर गोल न करें। 4.5 से कम अनुपात कम दशमलव दिखने भर से 4.5 पार नहीं करता।

संभव हो तो गुंजाइश रखें और वास्तविक फ़ॉन्ट तथा आकार देखें। पतले स्ट्रोक और बदलते बैकग्राउंड को दो रंग-कोड की गणना से अधिक ध्यान चाहिए हो सकता है।

संदर्भ: W3C WAI — Understanding WCAG 2.2 Contrast (Minimum)

रंग जाँचना पेज का प्रमाणपत्र नहीं

टूल अपारदर्शी sRGB टेक्स्ट और पृष्ठभूमि रंग देखता है। तस्वीर का बैकग्राउंड चुनना, ग्रेडिएंट सुलझाना या पारदर्शी परतें मिलाना नहीं करता।

सफल जोड़ी कीबोर्ड पहुँच, चित्र-विकल्प या अन्य आवश्यकताएँ सिद्ध नहीं करती। लाइट और डार्क में बैकग्राउंड बदले तो दोनों असली जोड़ियाँ जाँचें।

उदाहरण: सीमा के पास का धूसर

#FFFFFF पर #000000 का अनुपात 21:1 है। सफेद पर #777777 लगभग 4.478:1 है: साधारण टेक्स्ट AA में असफल, लेकिन बड़े की परिभाषा लागू हो तो 3:1 से ऊपर।

#767676 तक गहरा करने पर लगभग 4.542:1 मिलता है और इस जोड़ी का साधारण AA सफल है। यह खास सुधार है, पूरे पेज के सबके लिए उपयुक्त होने का प्रमाणपत्र नहीं।

संदर्भ