सबसे ज़्यादा देखी जाने वाली वेबसाइट में से 96 प्रतिशत से ज़्यादा के होम पेज पर एक्सेसिबिलिटी की ऐसी कमियाँ मिलती हैं जो पकड़ी जा सकती हैं। यह आँकड़ा एक सालाना एक्सेसिबिलिटी स्टडी से आता है, जो हर साल लाखों पेज टेस्ट करती है। एक्सेसिबल वेबसाइट डिज़ाइन डिफ़ॉल्ट रूप से नहीं मिलता। इसे सोच-समझकर बनाना पड़ता है, और ज़्यादातर बिज़नेस वेबसाइट पर ऐसा नहीं किया गया है।
एक्सेसिबल वेबसाइट डिज़ाइन का मतलब है वेबसाइट को इस तरह बनाना कि विकलांग लोग उसे देख-समझ सकें, उसमें घूम सकें और असरदार तरीक़े से इंटरैक्ट कर सकें। इसमें दृष्टिहीन लोग शामिल हैं जो स्क्रीन रीडर इस्तेमाल करते हैं, शारीरिक विकलांगता वाले लोग जो माउस की जगह कीबोर्ड से चलते हैं, सुनने में कमी वाले लोग जिन्हें ऑडियो और वीडियो कंटेंट पर कैप्शन चाहिए, और सोचने-समझने की चुनौती वाले लोग जिन्हें साफ़ और एक जैसे लेआउट से फ़ायदा होता है।
एक्सेसिबिलिटी ऐसा फ़ीचर नहीं है जिसे बनाने के आख़िर में जोड़ दिया जाए। यह डिज़ाइन और डेवलपमेंट के उन फ़ैसलों का सेट है जो पूरे समय लिए जाते हैं और तय करते हैं कि सभी विज़िटर, सिर्फ़ विकलांगता न रखने वाले नहीं, साइट इस्तेमाल कर सकते हैं या नहीं।
एक्सेसिबल वेबसाइट डिज़ाइन किन विज़िटर के काम आता है?
विश्व स्वास्थ्य संगठन का अनुमान है कि 1.3 अरब से ज़्यादा लोग किसी न किसी तरह की विकलांगता के साथ जीते हैं। यह दुनिया की आबादी का लगभग 16 प्रतिशत है। एक्सेसिबिलिटी के लिए डिज़ाइन करने का मतलब है अपनी संभावित ऑडियंस के एक बड़े हिस्से के लिए डिज़ाइन करना।
फ़ायदे स्थायी विकलांगता वाले यूज़र से आगे तक जाते हैं। तेज़ धूप में फ़ोन इस्तेमाल करने वाले विज़िटर को कम दिखता है। अस्थायी चोट वाला कोई व्यक्ति कीबोर्ड से चल सकता है। शोर वाली जगह पर वीडियो देखने वाले यूज़र को साथ चलने के लिए कैप्शन चाहिए। एक्सेसिबिलिटी के सुधार अस्थायी और हालात से पैदा होने वाली सीमाओं के भी उतने ही काम आते हैं जितने स्थायी सीमाओं के। जो वेबसाइट एक्सेसिबल बनाई गई है, वह कहीं ज़्यादा तरह के लोगों के लिए बेहतर काम करती है।
इसका एक क़ानूनी पहलू भी है। अमेरिका समेत कई देशों में बिज़नेस को क़ानून के तहत अपनी सेवाओं तक बराबर पहुँच देनी होती है। वेबसाइट पर एक्सेसिबिलिटी के मुक़दमे हुए हैं, और वेब एक्सेसिबिलिटी की क़ानूनी कार्रवाइयों की संख्या हर साल लगातार बढ़ी है। अपनी वेबसाइट को ADA के अनुरूप कैसे बनाएँ वाला लेख बताता है कि बिज़नेस वेबसाइट के लिए क़ानूनी ज़रूरतों का व्यवहार में क्या मतलब है।
WCAG एक्सेसिबिलिटी स्टैंडर्ड क्या हैं?
वेब कंटेंट एक्सेसिबिलिटी गाइडलाइन, जिन्हें WCAG कहा जाता है, वेब एक्सेसिबिलिटी के अंतरराष्ट्रीय स्तर पर माने जाने वाले स्टैंडर्ड हैं। वर्ल्ड वाइड वेब कंसोर्टियम इन्हें प्रकाशित करता है, और WCAG तीन अनुपालन स्तर तय करता है। लेवल A न्यूनतम बुनियाद है। लेवल AA वह स्टैंडर्ड है जिसका ज़िक्र ज़्यादातर क़ानूनी ढाँचों में होता है और बिज़नेस वेबसाइट का व्यावहारिक लक्ष्य है। लेवल AAA सबसे व्यापक है और पूरी साइट पर शायद ही कभी ज़रूरी होता है।
WCAG चार मुख्य सिद्धांतों पर बना है, जिन्हें संक्षेप में POUR कहा जाता है।
Perceivable (दिखने-समझने लायक़)
सारा कंटेंट ऐसे रूपों में पेश होना चाहिए जिन्हें यूज़र महसूस कर सकें। इमेज के लिए टेक्स्ट विकल्प स्क्रीन रीडर को उन यूज़र के लिए विज़ुअल कंटेंट बताने देते हैं जो देख नहीं सकते। कैप्शन और ट्रांसक्रिप्ट ऑडियो और वीडियो को सुनने में कमी वाले लोगों के लिए पहुँच में लाते हैं। काफ़ी कलर कॉन्ट्रास्ट पक्का करता है कि कम दिखने वाले या रंग न पहचान पाने वाले लोगों के लिए टेक्स्ट पढ़ने लायक़ हो।
Operable (चलाने लायक़)
सारी सुविधाएँ कीबोर्ड से चलाई जा सकनी चाहिए, सिर्फ़ माउस या टचस्क्रीन से नहीं। नेविगेशन का अंदाज़ा लगाया जा सकना चाहिए। यूज़र को बिना समय के दबाव के कंटेंट पढ़ने और उसके साथ इंटरैक्ट करने के लिए काफ़ी समय मिलना चाहिए। झिलमिलाता कंटेंट जो दौरे पैदा कर सकता है, उससे बचना या उसे नियंत्रित करना चाहिए।
Understandable (समझने लायक़)
कंटेंट और नेविगेशन पढ़ने और समझने लायक़ होना चाहिए। पेज की भाषा बताई जानी चाहिए ताकि स्क्रीन रीडर सही उच्चारण के नियम लगाएँ। फ़ॉर्म के एरर मैसेज बताएँ कि क्या ग़लत हुआ और उसे कैसे ठीक करें। नेविगेशन पेजों में एक जैसा व्यवहार करे ताकि यूज़र अंदाज़ा लगा सकें कि कंट्रोल कहाँ होंगे।
Robust (मज़बूत)
कंटेंट मौजूदा और आने वाली असिस्टिव टेक्नोलॉजी के साथ भरोसे से काम करना चाहिए। इसका मतलब है सही, सिमैंटिक HTML इस्तेमाल करना ताकि स्क्रीन रीडर और दूसरे टूल पेज का स्ट्रक्चर ठीक से समझ सकें। बटन को बटन की तरह कोड किया जाना चाहिए। हेडिंग तर्कसंगत हायरार्की में होनी चाहिए, सिर्फ़ दिखने के साइज़ के हिसाब से चुनी हुई नहीं। विज़ुअल हायरार्की क्या है वाला लेख बताता है कि हेडिंग स्ट्रक्चर और विज़ुअल वज़न एक पेज में मिलकर कैसे काम करते हैं।
वेबसाइट एक्सेसिबिलिटी की सबसे आम समस्याएँ कौन-सी हैं?
एक्सेसिबिलिटी विश्लेषण छह तरह की कमियाँ बताता है जो टेस्ट किए गए ज़्यादातर पेजों पर दिखती हैं। इमेज पर वैकल्पिक टेक्स्ट का न होना सबसे आम है। टेक्स्ट और उसकी पृष्ठभूमि के बीच कम कलर कॉन्ट्रास्ट दूसरे नंबर पर है। फ़ॉर्म लेबल का न होना, ख़ाली लिंक, डॉक्यूमेंट की भाषा न बताना और ख़ाली बटन बाक़ी में आते हैं।
बिज़नेस वेबसाइट के लिए व्यावहारिक शुरुआती बिंदु हैं: हर मायने रखने वाली इमेज के लिए टेक्स्ट विकल्प, सारे टेक्स्ट एलिमेंट पर काफ़ी कॉन्ट्रास्ट, हर फ़ॉर्म फ़ील्ड पर साफ़ लेबल और हर पेज में तर्कसंगत हेडिंग स्ट्रक्चर।
नेविगेशन की एक्सेसिबिलिटी एक और आम कमी है। जो ड्रॉपडाउन मेन्यू सिर्फ़ होवर करने पर खुलते हैं, वे कीबोर्ड यूज़र के लिए फ़ेल हो जाते हैं। जो लिंक आसपास के संदर्भ के बिना सिर्फ़ "यहाँ क्लिक करें" या "और पढ़ें" कहते हैं, वे उन स्क्रीन रीडर यूज़र के लिए फ़ेल हो जाते हैं जो लिंक की सूची से चलते हैं। वेबसाइट नेविगेशन क्या है वाला लेख बताता है कि ऐसा नेविगेशन कैसे बनाएँ जो हर इनपुट तरीक़े और डिवाइस पर काम करे।
अपनी वेबसाइट की एक्सेसिबिलिटी कैसे टेस्ट करें?
ऑटोमैटिक टूल एक्सेसिबिलिटी की बहुत सारी कमियाँ जल्दी पकड़ सकते हैं। जो ब्राउज़र एक्सटेंशन पेजों को WCAG के मापदंडों पर जाँचते हैं, वे बिना किसी तकनीकी सेटअप के कॉन्ट्रास्ट की दिक़्क़तें, ग़ायब alt टेक्स्ट और स्ट्रक्चर की समस्याएँ सामने ला देते हैं। ऑटोमैटिक स्कैन चलाना एक ठीक पहला क़दम है और ज़्यादातर पेजों की सबसे आम दिक़्क़तें पकड़ लेगा।
ऑटोमैटिक टेस्टिंग की सीमाएँ हैं। वह भरोसे से नहीं बता सकती कि alt टेक्स्ट सचमुच बताने वाला है या नहीं, CSS हटाने पर पढ़ने का क्रम ठीक रहता है या नहीं, या इंटरैक्टिव एलिमेंट स्क्रीन रीडर के साथ सही चलते हैं या नहीं। पूरी जाँच के लिए मैन्युअल टेस्टिंग ज़रूरी है। माउस को छुए बिना सिर्फ़ कीबोर्ड से साइट के ख़ास पेजों में घूमना एक झटपट जाँच है जो चलाने की दिक़्क़तें तुरंत दिखा देती है।
पूरी जाँच के लिए असली असिस्टिव टेक्नोलॉजी से टेस्ट करना सबसे भरोसेमंद तरीक़ा है। स्क्रीन रीडर सभी बड़े ऑपरेटिंग सिस्टम पर मुफ़्त मिलते हैं, और उसे चालू करके साइट के ज़रूरी पेजों से गुज़रने पर वे दिक़्क़तें सामने आती हैं जो ऑटोमैटिक टूल पूरी तरह छोड़ देते हैं।
एक्सेसिबिलिटी SEO पर कैसे असर डालती है?
एक्सेसिबिलिटी की कई आदतें सीधे SEO की मदद करती हैं। इमेज पर alt टेक्स्ट उन सर्च इंजन को संदर्भ देता है जो विज़ुअल कंटेंट नहीं समझ सकते। तर्कसंगत हेडिंग स्ट्रक्चर सर्च इंजन को समझने में मदद करता है कि पेज कैसे सजा है। बताने वाला लिंक टेक्स्ट सर्च इंजन को आम वाक्यांशों की जगह मायने रखने वाला एंकर टेक्स्ट देता है। जो पेज कीबोर्ड से चलने लायक़ और स्ट्रक्चर में साफ़ होते हैं, वे यूज़र एक्सपीरियंस के संकेतों पर कुल मिलाकर बेहतर प्रदर्शन करते हैं।
यह मेल संयोग नहीं है। एक्सेसिबिलिटी और SEO दोनों मूल रूप से कंटेंट को ज़्यादा तरह के यूज़र और सिस्टम तक पहुँचाने और समझने लायक़ बनाने के बारे में हैं। एक में सुधार अक्सर दूसरे को भी फ़ायदा देता है। SEO क्या है वाला लेख बताता है कि सर्च इंजन पेज की क्वालिटी कैसे परखते हैं और एक्सेसिबिलिटी की आदतें रैंकिंग संकेतों से कहाँ मिलती हैं।
WEMASY एक्सेसिबिलिटी कैसे संभालता है
WEMASY का वेबसाइट बिल्डर सिमैंटिक HTML बनाता है और हेडिंग स्ट्रक्चर तर्कसंगत क्रम में लगाता है। सभी इमेज के लिए alt टेक्स्ट फ़ील्ड दिए गए हैं, ताकि कोड एडिट किए बिना डिस्क्रिप्शन जोड़े जा सकें। टेम्पलेट WCAG AA कलर कॉन्ट्रास्ट स्टैंडर्ड के अनुसार बने हैं, इसलिए डिफ़ॉल्ट डिज़ाइन बिना हाथ से बदलाव के पास हो जाता है। कीबोर्ड नेविगेशन और मोबाइल टच टारगेट प्लेटफ़ॉर्म संभालता है, अलग कॉन्फ़िगरेशन की ज़रूरत नहीं पड़ती।
क्या शामिल है यह WEMASY वेबसाइट बिल्डर पर देखें या प्राइसिंग पेज पर प्लान देखें।
अक्सर पूछे जाने वाले सवाल
क्या वेबसाइट एक्सेसिबिलिटी क़ानूनी ज़रूरत है?
अमेरिका में Americans with Disabilities Act बिज़नेस से अपनी सेवाओं तक बराबर पहुँच देने की माँग करता है, और अदालतों और Department of Justice ने पुष्टि की है कि यह वेबसाइट तक भी जाता है। यूरोपीय संघ का Web Accessibility Directive और European Accessibility Act भी ऐसी ही शर्तें लगाते हैं। क़ानूनी तस्वीर देश और बिज़नेस के प्रकार के हिसाब से बदलती है, लेकिन जनता को सेवा देने वाले किसी भी बिज़नेस के लिए एक्सेसिबिलिटी को वैकल्पिक मानने में क़ानूनी जोखिम है। WEMASY के वेबसाइट बिल्डर से आप इसे सीधे अपनी वेबसाइट पर सेट कर सकते हैं।
WCAG A, AA और AAA में क्या फ़र्क़ है?
WCAG के तीन अनुपालन स्तर हैं। लेवल A उन न्यूनतम ज़रूरतों को कवर करता है जो सारे वेब कंटेंट को पूरी करनी चाहिए। लेवल AA कलर कॉन्ट्रास्ट, कीबोर्ड एक्सेसिबिलिटी और फ़ॉर्म में एरर संभालने के बारे में और ख़ास मापदंड जोड़ता है। यही वह स्तर है जिसका ज़िक्र ज़्यादातर क़ानूनी ढाँचों में होता है और बिज़नेस वेबसाइट का व्यावहारिक लक्ष्य है। लेवल AAA सबसे व्यापक है और आम तौर पर सब पर लागू होने वाले मानक के रूप में ज़रूरी नहीं, क्योंकि कुछ मापदंड हर तरह के कंटेंट के लिए पूरे नहीं हो सकते।
क्या वेबसाइट को एक्सेसिबल बनाने से वह धीमी हो जाती है?
नहीं। alt टेक्स्ट जोड़ने, हेडिंग स्ट्रक्चर सुधारने और कलर कॉन्ट्रास्ट बढ़ाने का पेज लोड होने के समय पर कोई असर नहीं पड़ता। कुछ एक्सेसिबिलिटी जोड़, जैसे वीडियो कंटेंट के लिए ट्रांसक्रिप्ट, में अतिरिक्त फ़ाइलें होती हैं, लेकिन ज़्यादातर बिज़नेस वेबसाइट पर लागू होने वाली मुख्य एक्सेसिबिलिटी आदतें स्ट्रक्चर और टेक्स्ट के बदलाव हैं जिनकी परफ़ॉर्मेंस पर कोई क़ीमत नहीं।
वेबसाइट का कितना हिस्सा एक्सेसिबल होना चाहिए?
पूरा। एक्सेसिबिलिटी हर उस पेज पर लागू होती है जहाँ कोई विज़िटर पहुँच सकता है, जिनमें प्रोडक्ट पेज, कॉन्टैक्ट फ़ॉर्म, चेकआउट फ़्लो और कोई भी डाउनलोड होने वाले डॉक्यूमेंट शामिल हैं। अगर होमपेज एक्सेसिबिलिटी टेस्ट पास करता है पर कॉन्टैक्ट फ़ॉर्म फ़ेल होता है, तब भी जिन यूज़र को इसकी ज़रूरत है उनके लिए अनुभव एक्सेसिबल नहीं है। एक्सेसिबिलिटी ऑडिट में पूरी यूज़र जर्नी शामिल होनी चाहिए, उन ख़ास कामों के लिए जो विज़िटर पूरे कर सकता है, सिर्फ़ पहला पेज नहीं।
एक्सेसिबिलिटी स्टेटमेंट क्या है?
एक्सेसिबिलिटी स्टेटमेंट एक पेज है जो वेबसाइट के एक्सेसिबिलिटी अनुपालन का मौजूदा स्तर बताता है, ज्ञात सीमाएँ बताता है और उन यूज़र के लिए संपर्क जानकारी देता है जिन्हें दिक़्क़त आती है। यह पारदर्शिता का क़दम है, क़ानूनी ढाल नहीं। कई एक्सेसिबिलिटी नियम इसे ज़रूरी बताते हैं या इसकी सलाह देते हैं, और यह विकलांग यूज़र को संकेत देता है कि एक्सेसिबिलिटी के बारे में सोचा गया है। स्टेटमेंट तब सबसे काम का है जब उसे अप टू डेट रखा जाए और वह साइट की असली हालत दिखाए।