न्यूनतम कदम क्या हैं जो मुझे यह सुनिश्चित करने के लिए पालन करना चाहिए कि मेरी वेब साइट सुलभ है?


35

मैं एक बहुत ही महत्वपूर्ण मानक का पालन करने की कोशिश कर रहा हूं जिसे मुझे स्वीकार करना चाहिए जिसे मैंने हाल ही में अनदेखा किया है। मैं यह सुनिश्चित करना चाहता हूं कि मेरे पृष्ठ विकलांग लोगों के एक बड़े हिस्से तक पहुँच योग्य हों। मैं मुख्य रूप से उन ट्यूटोरियल पर ध्यान केंद्रित करता हूं जो टेक्स्ट और इमेज इंटेंसिव हैं, लेकिन कोई वीडियो / फ्लैश या किसी भी तरह का एनिमेशन नहीं है।

एक चेकलिस्ट क्या है जो मैं यह सुनिश्चित करने के लिए पालन कर सकता हूं कि विकलांग लोगों को मेरी वेब साइट का उपयोग करते समय एक अच्छा अनुभव हो सकता है, और मुझे सबसे अधिक सचेत रहने के लिए क्या अक्षमताएं होनी चाहिए?

मुझे पता है कि मैं संभवतः सभी को खुश नहीं कर सकता। मैं W3C दिशानिर्देशों के माध्यम से चला गया हूं , हालांकि मुझे पूरी तरह से यकीन नहीं है कि मेरे लिए क्या मानक लागू होते हैं। मैं वेब एप्लिकेशन का निर्माण नहीं कर रहा हूं, मैं ज्यादातर सूचनाओं के आदान-प्रदान, ब्लॉग और सामयिक फोरम जैसे विकी का निर्माण कर रहा हूं।


uxexchange.com?
बॉबी जैक

जवाबों:


18
  • सुनिश्चित करें कि हर छवि में ऑल्ट टेक्स्ट है।
  • सुनिश्चित करें कि आपकी रंग योजना उन लोगों के लिए उपयुक्त है जो रंग अंधापन के साथ हैं।
  • नेत्रहीनों के लिए एक उच्च विपरीत लेआउट या बड़े पाठ लेआउट की पेशकश करें।
  • सुनिश्चित करें कि आपके लिंक समझ से बाहर हो जाते हैं (जब "बस यहां क्लिक करें" न लिखें)।
  • सुनिश्चित करें कि यदि उपयोगकर्ता के पास जावास्क्रिप्ट समर्थन नहीं है, तो आपकी साइट अभी भी पूर्ण बुनियादी कार्यक्षमता प्रदान करती है।

W3 अपनी वेबसाइट के माध्यम से एक्सेसिबिलिटी पर कुछ बुनियादी सुझाव देता है । जो क्लार्क के पास मुफ्त में देखने के लिए उनकी "बिल्डिंग एक्सेसिबल वेबसाइट्स" पुस्तक का ऑनलाइन संस्करण उपलब्ध है जिसमें बहुत सी उपयोगी जानकारी है।


1
'ऑल्ट टेक्स्ट' रूल के लिए कई कैविएट हैं। दुर्भाग्य से, मैंने ऐसे लोगों के साथ काम किया है, जो इसे एक कठिन-व्रत नियम के रूप में मानते हैं - यानी हर छवि में एक सर्वोच्च विशेषता होनी चाहिए। फिर वे "हमारी कंपनी के लोगो" जैसी चीजों को एक लोगो छवि में जोड़ते हैं, और एक ट्विटर अकाउंट से जुड़ी छवि के लिए "एक बड़ा नीला 'टी'"।
बॉबी जैक

ऑल्ट टैग के साथ, मुझे विश्वास है कि हर किसी की छवि एक होनी चाहिए। स्क्रीन रीडर के साथ काम करते समय आपको यह बताना होगा कि क्या करना है। यदि आपकी छवि बस दृश्य अपील के लिए है, और इसका कोई अन्य मूल्य नहीं है, तो alt = "" का उपयोग करें ताकि स्क्रीन रीडर इसे अनदेखा करना जानता हो। यदि आपकी छवि एक ग्राफ़ है, या शायद एक हेडर है, तो उसे ऑल टैग में जानकारी शामिल करना सुनिश्चित करें ताकि स्क्रीन रीडर, साथ ही साथ जो लोग छवियों को अक्षम करते हैं, वे याद नहीं करेंगे।
ph33nyx

8

अपनी मार्क-अप शब्दार्थ बनाना सुलभता की दिशा में एक बड़ा कदम है, अगर आपकी साइट को बिना किसी सीएसएस पर लागू किया जा सकता है और सामग्री समझ में आती है तो बाकी सब सिर्फ दृश्य ग्रेवी है!


1
और नग्न सीएसएस दिन पर बहुत अधिक मज़ा :)
टिम पोस्ट

2
हाहा, स्वाभाविक रूप से! गंभीरता से, हालांकि, बहुत से लोग यह मानते हैं कि एक्सेसिबिलिटी डिज़ाइन के साथ करना है, यह बिल्कुल विपरीत है, यदि आप अपनी सामग्री बना सकते हैं ताकि यह बिना किसी डिज़ाइन के काम करे तो एक मशीन (और इसलिए एक मानव) हमेशा एक्सेस कर पाएगी यह।
टॉबी

7

सबसे पहले "विकलांग" का अर्थ है नॉटिंग्स!

तो आइए कुछ ऐसे लोगों को देखें जिन्हें आपको जांचना है कि आप अपनी वेब साइट हैं।

एक गरीब व्यक्ति जिसके पास केवल छोटी स्क्रीन वाली नोट बुक है

आपको बस अपनी वेबसाइट की जांच करने की आवश्यकता है जब ब्राउज़र विंडो का उपयोग बहुत कम मैच के दर्द के बिना किया जा सकता है।

एक रंग अंधा व्यक्ति

क्या कोई आपकी वेबसाइट का उपयोग आइकनों आदि के रंग को देखे बिना कर सकता है, यह मानकर कि आप इसे B & W मॉनिटर पर एक्सेस कर रहे हैं।

गरीब साइट वाला व्यक्ति।

जब आपका ब्राउज़र में आकार का आकार बदलता है, तो क्या आपकी साइट में सभी पाठ बड़े हो जाते हैं, और क्या लेआउट अभी भी ठीक है। क्या साइट को अभी भी एक छोटे मॉनिटर पर इस्तेमाल किया जा सकता है?

क्या आपकी साइट एक उच्च कंट्रास्ट लेआउट का उपयोग करती है, यदि उपयोगकर्ता के लिए उच्च कंट्रास्ट लेआउट पर स्विच करना आसान नहीं है?

एक व्यक्ति जो माउस का उपयोग नहीं कर सकता है

क्या कोई व्यक्ति जिसने आपकी वेबसाइट का उपयोग पहले कभी नहीं किया है, सभी कार्यों / सूचनाओं का उपयोग सिर्फ कीबोर्ड का उपयोग करके कर सकता है। (क्या टैब कुंजी उपयोगी तरीके से काम करती है?)

किसी को खराब पढ़ने के कौशल के साथ

आप यथासंभव सरल अंग्रेजी का उपयोग कर रहे हैं?

कोई है जो नई चीजें सीखने में अच्छा नहीं है।

क्या आपकी साइट का डिज़ाइन अन्य साइट पर आधारित है जो आपके उपयोगकर्ता पहले से ही जानते हैं कि कैसे उपयोग करना है?

एक अंधा व्यक्ति।

यह सबसे कठिन है और आप जो भी पढ़ते हैं, वह मैच के उपयोग का नहीं है !!
पहले हमारी अन्य सभी एक्सेस समस्याओं को कम करें, क्योंकि खराब दृष्टि वाले बहुत अधिक लोग हैं, या जो लोग बाइंड लोगों की तुलना में माउस का उपयोग नहीं कर सकते हैं।

अगला अपने उद्देश्यों को समझें , उदाहरण के लिए यदि आपकी साइट एक होटल बुकिंग साइट है, तो बुकिंग करने के लिए शुल्क फ़ोन नंबर प्रदान करना बेहतर होगा और फिर होटल की जानकारी को सुलभ बनाना होगा।

अधिकांश नेत्रहीन लोगों को किसी भी इंटरैक्टिव वेबसाइट का उपयोग करना बहुत मुश्किल लगता है, जो उन्होंने पहले इस्तेमाल नहीं किया है, हालांकि वेबसाइट को अच्छी तरह से डिज़ाइन किया गया है।

तो क्या आपको कोई वेब विकल्प नहीं देना चाहिए? (फोन? एक व्यक्ति जो फार्म आदि भरने में मदद करने के लिए उनसे मिलने जाता है?)

सबसे पहले आपकी साइट का उपयोग बिना किसी चित्र के किया जा सकता है? (Alt पाठ ऐसा करने का एक तरीका है)

यह देखते हुए कि भाषण सॉफ्टवेयर साइट को ऊपर से नीचे तक पढ़ता है, क्या आपकी साइट को उस तरह से समझा जा सकता है?

एक बाँध व्यक्ति के उपयोग के लिए जटिल नेविगेशन के साथ एक साइट बनाना बहुत कठिन है, साथ ही एक बाँध व्यक्ति को यह जानने का कोई तरीका नहीं है कि पृष्ठ का हिस्सा जावास्क्रिप्ट द्वारा अद्यतन किया गया है और इसे फिर से पढ़ने की आवश्यकता है।

राज्य के परिवर्तनों के लिए वस्तुओं का रंग बदलना भी एक अच्छा विकल्प नहीं है।

लोगों को बांधने के लिए वेबसाइट को अच्छी तरह से काम करने का तरीका जानने का एकमात्र तरीका यह है कि कोई व्यक्ति किसी वेबसाइट पर स्क्रीन रीडर का उपयोग कैसे करता है। मानकों में से कोई भी पर्याप्त अच्छा नहीं है, वे सिर्फ आपको बताते हैं कि आपको क्या करना चाहिए, लेकिन उन्हें रखना पर्याप्त नहीं है (जब तक कि आपको समाचार पत्र साइट की तरह स्थिर पाठ प्रदान नहीं किया जाता है)।


1
मैं इस जवाब में पहला वाक्य प्यार करता हूँ! (और निश्चित रूप से दूसरे के वाक्यों को भी)
टिम पोस्ट

5

आप इस साइट का उपयोग अनुपालन का त्वरित अवलोकन करने के लिए कर सकते हैं: http://wave.webaim.org/

यह पुरानी "बॉबी" प्रणाली के समान काम करता है जो कुछ साल पहले बंद हो गया था।


3

डच सरकार इस साइट का उपयोग एक्सेसिबिलिटी पर अपनी साइटों का परीक्षण करने के लिए करती है। एक बार देखिए ... आप एक्सेसिबिलिटी पर इसकी वर्तमान स्थिति का परीक्षण करने के लिए अपनी साइट भी दर्ज कर सकते हैं ...

http://www.webrichtlijnen.nl/english/


2

मैंने पाया कि इस विषय पर उपयोगी संदर्भ बिंदु होने के लिए मार्क पिलग्रिम की स्वतंत्र रूप से डाउनलोड की जाने वाली पुस्तक डाइव इन एक्सेबिलिटी । यह 2002 से है लेकिन अभी भी बहुत प्रासंगिक है। "सुशोभित गिरावट का उपयोग करें" जैसी सलाह पुरानी नहीं है।



1

मुझे लगता है कि आपको इस साइट http://www.totalvalidator.com या उपलब्ध फ़ायरफ़ॉक्स प्लगइन का उपयोग करना होगा। इसमें कई विकलांगता सत्यापन हैं और जो कुछ भी गायब है उसे ध्वजांकित करेगा।


1

# 1 उत्तर सरल है: वैध, शब्दार्थ HTML / CSS सही लिखें !!! उपरोक्त सभी सुझाव अच्छे हैं। यहाँ एक चेकलिस्ट है जो मैंने कुछ साल पहले लिखी थी जो आपको कुछ चीजें दिखाती है जो आपको सभी साइटों पर जाँचनी चाहिए: https://forge.iowa.gov/wiki/index.php/Web_Checklist । यह मानता है कि आपके पास FF पर वेब डेवलपर टूलबार है, लेकिन यह मुफ़्त है और आसानी से प्राप्त किया जाता है।

कुछ साधारण चीजें जो मुझे लगता है कि मैं एक वास्तविक अंतर बना सकता हूं:

रूपों के लिए, LABEL टैग का उपयोग करना सुनिश्चित करें। यह रेडियो बटन जैसी चीजों के लिए एक बड़ा क्लिक करने योग्य क्षेत्र बनाता है और स्क्रीन रीडर के लिए चीजों को एक साथ जोड़ता है।

एक और बात जो मुझे लगता है कि आमतौर पर दुरुपयोग होता है वह है एच 1, एच 2, एच 3 ... टैग। अगर इनका सही तरीके से इस्तेमाल किया जाए तो ये आपके पेज को आसानी से नेविगेट करने में किसी की मदद कर सकते हैं। अगर हम सिर्फ उन्हें स्टाइल करते हैं और विली-नीली का उपयोग करते हैं, तो यह स्क्रीन पाठकों और अन्य माउस-कम I / O उपकरणों के लिए बहुत भ्रामक है।

किसी ऐसे व्यक्ति की अनुमति देना भी अच्छा है जो आपके पृष्ठ को सभी सुंदर सीएसएस और छवियों के बिना सामग्री में पिछले दोहराए गए कोड को छोड़ने की अनुमति देता है। यह सामान्यतः SKIP लिंक का उपयोग करके हासिल किया जाता है जो CSS में छिपा होता है। उदाहरण के लिए, <a href="#skipnav" class="noshow">Skip past navigation to content.</a>एक लंबे नेविगेशन को छोड़ने की अनुमति देने के लिए।

जैसा कि टोनी द्वारा कहा गया है, सबसे अच्छे परीक्षणों में से एक आपके पृष्ठ की सभी घंटियाँ और सीटी बन्द करना है और देखें कि क्या यह अभी भी समझ में आता है।


ALT टैग्स के विषय पर ... प्रत्येक छवि को ALT टैग चाहिए । यदि छवि सामग्री है, तो यह ALT टैग में कुछ वर्णनात्मक होना चाहिए, यदि यह सिर्फ सजावट है, तो यह alt=""इंगित करने के लिए खाली उद्धरणों का उपयोग करें कि JAWS जैसे स्क्रीन रीडर बस उन्हें पास कर सकते हैं।
14:33 बजे ph33nyx
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.