वेबसाइट सुलभता: WCAG 2.2 की बुनियादी बातों की व्यावहारिक गाइड

सुलभ वेबसाइट को देखने, चलने-फिरने, सुनने या समझने में अक्षमता वाले लोग इस्तेमाल कर सकते हैं, और आमतौर पर यह बाकी सबके लिए भी आसान होती है। W3C द्वारा प्रकाशित Web Content Accessibility Guidelines (WCAG) 2.2 व्यापक रूप से इस्तेमाल होने वाला मानक है। बिज़नेस साइट के लिए आमतौर पर लेवल AA लक्ष्य होता है।

ऐसा कंट्रास्ट जो पढ़ा जा सके

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

सब कुछ कीबोर्ड से चले

कुछ लोग माउस इस्तेमाल नहीं कर सकते। हर लिंक, बटन, मेन्यू और फ़ॉर्म फ़ील्ड Tab की से पहुँचने लायक और Enter या Space से इस्तेमाल लायक होना चाहिए। मेन्यू और डायलॉग को कीबोर्ड को फँसाना नहीं चाहिए।

दिखने वाला फ़ोकस

जब यूज़र Tab से पेज पर आगे बढ़ता है, उसे दिखना चाहिए कि वह कहाँ है। फ़ोकस आउटलाइन को कभी उतनी ही साफ़ दिखने वाली चीज़ से बदले बिना न हटाएँ। WCAG 2.2 यह भी माँगता है कि फ़ोकस वाली चीज़ चिपकने वाले हेडर या बैनर के पीछे न छिपे।

अर्थपूर्ण इमेज के लिए वैकल्पिक टेक्स्ट

जानकारी देने वाली इमेज को छोटा वैकल्पिक टेक्स्ट चाहिए जो ज़रूरी बात बताए। सजावटी इमेज का वैकल्पिक टेक्स्ट ख़ाली होना चाहिए ताकि स्क्रीन रीडर उन्हें छोड़ दें।

असली लेबल वाले फ़ॉर्म

हर फ़ील्ड को उससे जुड़ा दिखने वाला लेबल चाहिए। एरर संदेश को बताना चाहिए कि क्या ग़लत हुआ और कैसे ठीक करें, और वह फ़ील्ड के पास दिखना चाहिए। एरर दिखाने के लिए सिर्फ़ रंग पर निर्भर न रहें।

टैप करने लायक बड़े टारगेट

WCAG 2.2 ने न्यूनतम टारगेट आकार जोड़ा है: इंटरैक्टिव कंट्रोल आमतौर पर कम से कम 24 x 24 CSS पिक्सेल होने चाहिए, या इतनी दूरी पर कि ग़लती से न दबें। बड़े टारगेट फ़ोन पर सबकी मदद करते हैं।

कम मोशन का सम्मान करें

कुछ लोगों को बड़े एनिमेशन से असहजता होती है। ऑपरेटिंग सिस्टम में "मोशन कम करें" सेटिंग होती है, और वेबसाइट ग़ैर-ज़रूरी एनिमेशन बंद करके इसका सम्मान कर सकती है।

अर्थ वाली हेडिंग

हर पेज पर एक मुख्य हेडिंग और उसके नीचे तार्किक उप-हेडिंग रखें। स्क्रीन रीडर इस्तेमाल करने वाले अक्सर हेडिंग से ही पेज में घूमते हैं, इसलिए संरचना ही उनका सरसरी नज़र डालने का तरीका है।

एक छोटे ऑडिट से शुरू करें

अपने पाँच सबसे ज़रूरी पेज चुनें और इस सूची से जाँचें। उन पेज पर कंट्रास्ट, फ़ोकस और लेबल ठीक करने से जल्दी असली फ़र्क़ पड़ता है, और वही पैटर्न फिर बाकी साइट पर भी लागू होते हैं।

परियोजना पर बात करें