WCAG 2.1 एक्सेसिबिलिटी अनुपालन सुनिश्चित करने के लिए दो रंगों के बीच कंट्रास्ट अनुपात जाँचें। सामान्य और बड़े टेक्स्ट दोनों के लिए AA और AAA स्तरों का परीक्षण करें।
कलर पिकर का उपयोग करके या HEX मान टाइप करके अपना टेक्स्ट/फोरग्राउंड रंग दर्ज करें या चुनें। यह आमतौर पर आपका टेक्स्ट रंग होता है।
अपना बैकग्राउंड रंग दर्ज करें या चुनें। यदि आवश्यक हो तो फोरग्राउंड और बैकग्राउंड जल्दी उलटने के लिए स्वैप बटन का उपयोग करें।
कंट्रास्ट अनुपात और WCAG अनुपालन बैज जांचें। हरे बैज पास को इंगित करते हैं, लाल विफल को। सभी टेक्स्ट के लिए कम से कम AA अनुपालन का लक्ष्य रखें।
प्रीव्यू सेक्शन का उपयोग करके देखें कि आपका रंग संयोजन अपने डिज़ाइन में लागू करने से पहले विभिन्न आकारों पर वास्तविक टेक्स्ट के साथ कैसा दिखता है।
WCAG (वेब कंटेंट एक्सेसिबिलिटी गाइडलाइंस) कंट्रास्ट आवश्यकताओं को परिभाषित करता है ताकि दृष्टि बाधित लोग सामग्री पढ़ सकें। स्तर AA को सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 की आवश्यकता होती है। स्तर AAA को क्रमशः 7:1 और 4.5:1 की आवश्यकता होती है।
सापेक्ष चमक सूत्र L = 0.2126R + 0.7152G + 0.0722B का उपयोग करके रंग की कथित चमक को मापती है। गुणांक मानव आंख की संवेदनशीलता को दर्शाते हैं, जिसमें हरा सबसे प्रमुख है। गणना से पहले मान sRGB से रैखिक किए जाते हैं।
कंट्रास्ट अनुपात सूत्र है: (L1 + 0.05) / (L2 + 0.05), जहां L1 हल्के रंग की चमक है और L2 गहरे रंग की। 0.05 ऑफसेट शून्य से विभाजन को रोकता है और परिवेश प्रकाश को ध्यान में रखता है।
बड़े टेक्स्ट को 18pt (24px) सामान्य वजन या 14pt (18.5px) बोल्ड के रूप में परिभाषित किया गया है। बड़े टेक्स्ट में कम कंट्रास्ट आवश्यकताएं होती हैं क्योंकि इसका बड़ा आकार इसे स्वाभाविक रूप से अधिक पठनीय बनाता है, कम कंट्रास्ट के साथ भी।
लगभग 8% पुरुषों और 0.5% महिलाओं में रंग दृष्टि की कमी होती है। कम कंट्रास्ट वाला टेक्स्ट वृद्ध उपयोगकर्ताओं, तेज धूप में या निम्न गुणवत्ता वाले डिस्प्ले पर भी पढ़ना मुश्किल होता है। अच्छा कंट्रास्ट सभी को लाभ पहुंचाता है।
कंट्रास्ट अनुपात दो रंगों के बीच चमक (ब्राइटनेस) के अंतर को मापता है। यह 1:1 (कोई कंट्रास्ट नहीं, एक ही रंग) से 21:1 (अधिकतम कंट्रास्ट, काले पर सफेद) तक होता है। उच्च अनुपात का अर्थ है बेहतर पठनीयता और सुलभता।
यह सामान्य पैराग्राफ पाठ है। अच्छा कंट्रास्ट सभी उपयोगकर्ताओं के लिए पठनीयता सुनिश्चित करता है, जिसमें दृष्टि बाधित लोग भी शामिल हैं।
यह छोटा पाठ है जिसे पठनीयता के लिए और भी बेहतर कंट्रास्ट की आवश्यकता है।
कंट्रास्ट अनुपात
किसी भी जोड़े पर क्लिक करके इसे अग्रभूमि/पृष्ठभूमि रंगों के रूप में उपयोग करें
Saved Presets is a Supporter feature.
Tool History is a Supporter feature.
Tool Notes is a Supporter feature.
