AA मानक पूरा करें: पाठ और बड़े पाठ की सीमाएँ

अधिकांश दल कंट्रास्ट के लिए WCAG Level AA अपनाते हैं। यह वास्तविक उपयोगकर्ताओं की सहायता के लिए पर्याप्त सख्त और वास्तव में लागू करने योग्य है।

मुख्य पाठ के लिए AA कम से कम 4.5:1 माँगता है। इसमें अनुच्छेद, लेबल और आपके पृष्ठ के अधिकांश शब्द शामिल हैं।

बड़ा पाठ सामान्य रूप में 24px या बोल्ड में 18.66px होता है। इस आकार पर अक्षर पढ़ना आसान होता है, इसलिए नियम कुछ ढीले हो जाते हैं।

बड़े पाठ के लिए केवल 3:1 आवश्यक है। बड़े आकार अधिक दृश्य प्रभाव देते हैं, इसलिए छोटा चमकीला अंतर भी स्पष्ट दिखाई देता है।

मोटाई मायने रखती है: बोल्ड पाठ 18.66px पर ही बड़ा माना जाता है, क्योंकि मोटी रेखाएँ आँखों को आसानी से दिखाई देती हैं।

WCAG बड़े पाठ को 18pt या बोल्ड 14pt मानता है, जो CSS में 24px और 18.66px के बराबर हैं। उपकरण आमतौर पर यह रूपांतरण अपने-आप कर देते हैं।

मानदंड 1.4.11 के अनुसार बटन, इनपुट और फ़ोकस संकेतकों को अपने आसपास के रंगों के मुकाबले 3:1 प्राप्त करना चाहिए, ताकि नियंत्रण दिखाई देते रहें।

क्या आप अधिक मजबूत आश्वासन चाहते हैं? AAA सामान्य पाठ को 7:1 और बड़े पाठ को 4.5:1 तक बढ़ाता है, लेकिन अधिकांश उत्पाद आधार स्तर के रूप में AA को लक्ष्य बनाते हैं।

कुछ चीज़ों पर यह नियम लागू नहीं होता: अक्षम नियंत्रण, शुद्ध सजावट और ब्रांड लोगो के लिए न्यूनतम कंट्रास्ट आवश्यक नहीं है।

वह हल्का धूसर प्लेसहोल्डर वास्तविक पाठ है, इसलिए उसे भी 4.5:1 पूरा करना चाहिए। अधिकांश डिफ़ॉल्ट विफल होते हैं, इसलिए उन्हें जानबूझकर गहरा करें।

यह शीर्षक बड़े-पाठ के आकार का है, इसलिए AA में सफल होने के लिए 3:1 अनुपात पर्याप्त है।

यह जोड़ी याद रखें: सामान्य पाठ के लिए 4.5:1 और बड़े पाठ या UI भागों के लिए 3:1। इन्हें पूरा करें और आपका कंट्रास्ट AA में सफल होगा। अगला विषय: केवल रंग पर कभी निर्भर न रहना। 🎯