विकलांग लोगों के लिए अपनी वेबसाइट को सुलभ बनाकर, आप समाप्त करना हर किसी के लिए सुलभ है। वास्तव में, आपकी वेबसाइट को और अधिक सुलभ बनाने से लोगों को आपकी वेबसाइट को खोज इंजन में ढूंढने में भी मदद मिल सकती है। क्यूं कर? चूंकि सर्च इंजन कुछ ही सिग्नल का उपयोग करते हैं जो पाठकों को आपकी वेबसाइट की सामग्री को खोजने और समझने के लिए करते हैं।
लेकिन वास्तव में कोडिंग विशेषज्ञ बनने के बिना आप एक सुलभ वेबसाइट कैसे बनाते हैं?
यहां कुछ युक्तियां और युक्तियां दी गई हैं जो बुनियादी HTML ज्ञान वाले लगभग किसी भी व्यक्ति की वेबसाइट की पहुंच में सुधार के लिए उपयोग कर सकते हैं।
वेब अभिगम्यता उपकरण
डब्ल्यू 3 सी में वेब एक्सेसिबिलिटी टूल्स की एक शानदार सूची है जिसे आप अपनी वेबसाइट के साथ संभावित समस्याओं को देखने के लिए चेकर के रूप में उपयोग कर सकते हैं। उस ने कहा, मैं अभी भी एक स्क्रीन रीडर के साथ कुछ खोज करने और अपने लिए इसका अनुभव करने की सलाह देता हूं।
स्क्रीन रीडर समझना
अपनी वेबसाइट की पहुंच में सुधार करने के सबसे महत्वपूर्ण तरीकों में से एक यह सुनिश्चित करना है कि इसे स्क्रीन पाठकों द्वारा समझा जा सके। स्क्रीन पाठक स्क्रीन पर पाठ पढ़ने के लिए एक संश्लेषित आवाज का उपयोग करते हैं। यह बहुत सरल लगता है; हालांकि, स्क्रीन पाठक या अन्य सहायक तकनीक आपकी वेबसाइट को वर्तमान में स्थापित करने के तरीके को समझ नहीं सकती है।
पहली चीज जो आप करना चाहते हैं वह स्क्रीन रीडर को आज़माएं और देखें कि यह कैसा चल रहा है। यदि आप मैक पर हैं, तो वॉयसओवर का उपयोग करने का प्रयास करें।
- के लिए जाओ सिस्टम प्रेफरेंसेज।
- चुनते हैं सरल उपयोग।
- चुनते हैं पार्श्व स्वर।
- बॉक्स को चेक करें वॉयसओवर सक्षम करने के लिए।
आप कमांड-एफ 5 का उपयोग करके इसे चालू और बंद टॉगल कर सकते हैं।
यदि आप विंडोज मशीन पर हैं, तो आप एनवीडीए डाउनलोड करना चाहेंगे। आप इसे शॉर्टकट नियंत्रण + alt + n के साथ चालू और बंद टॉगल करने के लिए सेट अप कर सकते हैं।
दोनों स्क्रीन पाठक उपयोगकर्ता को कुंजीपटल द्वारा नेविगेट करने के द्वारा संचालित करते हैं (यह समझ में आता है - यदि आप नहीं देख पा रहे हैं, माउस का उपयोग करना एक चुनौती होगी) और नेविगेशन के लिए फोकस एरिया बनाकर। फोकस अनिवार्य रूप से है जहां कीबोर्ड "इंगित" होता है, लेकिन इसे आमतौर पर कर्सर की बजाय फोकस ऑब्जेक्ट के चारों ओर एक हाइलाइट किए गए बॉक्स के रूप में प्रदर्शित किया जाता है।
आप वॉयस पिच और गति दोनों को बदल सकते हैं, जिस पर डिफ़ॉल्ट सेटिंग्स परेशान होती हैं (और मानक धीमी आवाज पढ़ने के लगभग पांच मिनट बाद, वे आमतौर पर होते हैं)। अंधेरे लोग आम तौर पर अपने स्क्रीन पाठकों के साथ वेबसाइटों को उच्च गति पर सेट करते हैं।
यह आपकी आंखें बंद करने में मदद कर सकता है जैसा कि आप करते हैं, लेकिन यह उन्हें खोलने और तुलना करने में भी मदद कर सकता है। जब आप अपनी वेबसाइट पर सुनने का प्रयास करते हैं तो कुछ चीजें तुरंत आपको नोटिस कर सकती हैं कि कुछ टेक्स्ट ऑर्डर से बाहर हो सकते हैं। शीर्षक और तालिकाओं को झुकाया जा सकता है। छवियों को या तो छोड़ दिया जा सकता है या वे "छवि" या कुछ समान रूप से अनुपयोगी कह सकते हैं। टेबल्स संदर्भ के बिना वस्तुओं की एक श्रृंखला के रूप में पढ़ा जाता है।
आप उम्मीद कर सकते हैं, इसे ठीक करें।
Alt-टैग या वैकल्पिक विशेषता
एक छवि का वर्णन करने के लिए एचटीएमएल में alt-tag या वैकल्पिक (alt) विशेषता का उपयोग किया जाता है। एचटीएमएल में, ऐसा कुछ दिखता है:
यहां तक कि यदि आप अपनी वेबसाइट को एक ऐसे विज़ुअल टूल के साथ बनाते हैं जो आपके एचटीएमएल कोड को छुपाता है, तो आपको लगभग हमेशा एक छवि विवरण दर्ज करने का मौका मिलेगा। आप कुछ भी नहीं कर सकते (alt = "") लेकिन यह वास्तव में प्रत्येक छवि को उपयोगी वर्णन देने के लिए बेहतर होगा। यदि आप अंधे थे, तो आपको छवि के बारे में क्या जानने की आवश्यकता होगी? "महिला" बहुत मदद नहीं है, लेकिन शायद "महिला ड्राइंग डिज़ाइन फ्लो चार्ट, अभिगम्यता, उपयोगिता, ब्रांडिंग और डिज़ाइन सहित।"
शीर्षक पाठ
वेबसाइट हमेशा HTML शीर्षक टैग प्रदर्शित नहीं करती हैं, लेकिन यह स्क्रीन पाठकों के लिए सहायक है। सुनिश्चित करें कि आपकी प्रत्येक वेबसाइट के पृष्ठों में एक वर्णनात्मक (लेकिन अधिकतर वर्बोज़ नहीं) शीर्षक है जो आगंतुकों को बताता है कि पृष्ठ किस बारे में है।
अपनी वेबसाइट अच्छी जानकारी पदानुक्रम दें
हेडर के साथ टेक्स्ट के बड़े हिस्से को तोड़ें, और यदि संभव हो, तो H1, H2, H3 पदानुक्रम के साथ शीर्षलेखों का उपयोग करें। न केवल यह स्क्रीन पाठकों के लिए आपकी वेबसाइट को आसान बनाता है, बल्कि यह हर किसी के लिए आसान बनाता है। यह Google और अन्य खोज इंजनों के लिए भी एक महान संकेत है ताकि आपकी वेबसाइट को बेहतर इंडेक्स में मदद मिल सके।
इसी प्रकार, आपको यह सुनिश्चित करना चाहिए कि आपकी वेबसाइट लॉजिकल कंटेंट ऑर्डर में है और आपके पास असंबद्ध सूचना के बक्से नहीं दिख रहे हैं। यदि आप विज्ञापनों का उपयोग कर रहे हैं, तो देखें कि आपके विज्ञापन अत्यधिक घुसपैठ नहीं कर रहे हैं और आपकी वेबसाइट पर अक्सर टेक्स्ट को तोड़ते हैं।
बेहतर टेबल्स बनाओ
यदि आप HTML टेबल का उपयोग कर रहे हैं, तो आप बोल्ड टेक्स्ट में केवल तालिका का शीर्षक बनाने के बजाय स्क्रीन पाठकों द्वारा समझने में आसान बनाने के लिए टैग का उपयोग करके अपनी तालिकाओं में कैप्शन जोड़ सकते हैं। आप "स्कोप" तत्व भी जोड़ सकते हैं और अपनी तालिका में नई पंक्तियों और स्तंभों को स्पष्ट रूप से लेबल कर सकते हैं ताकि स्क्रीन पाठक बिना किसी संदर्भ के तालिका तालिकाओं की एक श्रृंखला को दूर कर सकें।
कीबोर्ड नेविगेशन
आम तौर पर, जो भी आप अपनी वेबसाइट पर डालते हैं वह कुछ ऐसा होना चाहिए जो किसी को केवल कीबोर्ड का उपयोग करके ही कर सके। इसका अर्थ यह है कि यदि आप स्क्रीन रीडर के साथ उनका उपयोग नहीं कर सकते हैं तो इसे अपने नेविगेशन बटन एनिमेटेड ड्रॉपडाउन बटन नहीं होना चाहिए (इसे आज़माएं और देखें कि क्या आप निश्चित नहीं हैं - कुछ बटन कीबोर्ड उपयोग के लिए प्रोग्राम किए गए हैं।)
बंद शीर्षक
यदि आप अपनी वेबसाइट पर वीडियो या ऑडियो तत्व जोड़ते हैं, तो उनके पास कैप्शन होना चाहिए। एचटीएमएल 5 और कई वीडियो स्ट्रीमिंग सेवाएं (जैसे यूट्यूब) बंद कैप्शनिंग समर्थन प्रदान करती हैं। बंद कैप्शन न केवल पहुंच के लिए उपयोगी हैं बल्कि उन उपयोगकर्ताओं के लिए भी हैं जो आपकी वेबसाइट को कहीं भी ब्राउज़ कर सकते हैं जहां वे ऑडियो नहीं खेल सकते हैं, जैसे किसी कार्यालय में या शोर में।
पॉडकास्ट या अन्य ऑडियो तत्वों के लिए, टेक्स्ट ट्रांसक्रिप्ट प्रदान करने पर विचार करें। न केवल उन लोगों के लिए उपयोगी है जो ऑडियो नहीं सुन सकते हैं, टेक्स्ट होने से Google और अन्य खोज इंजनों के लिए उस सामग्री को अनुक्रमणित करना और आपकी Google रैंकिंग में सहायता करना आसान हो जाएगा।
ARIA
यदि आप पहुंच के उन्नत स्तर पर जाना चाहते हैं, तो एचटीएमएल 5 एआरआईए या वाईएआई-एआरआईए विनिर्देशों का लक्ष्य नया मानक आगे बढ़ना है। हालांकि, यह एक जटिल (और विकसित) तकनीकी मैनुअल है, तो आप यह देखने के लिए स्कैन करने के लिए एआरआईए सत्यापनकर्ता का उपयोग कर सकते हैं कि आपकी वेबसाइट में कोई समस्या है जिसे आप संबोधित कर सकते हैं। मोज़िला में एआरआईए के साथ शुरू करने के लिए एक और अधिक दृष्टिकोण योग्य गाइड है।
