विकलांग लोगों के लिए पृष्ठ अभिगम्यता दिशानिर्देश

कई ने WAI-WCAG (वेब एक्सेसिबिलिटी इनिशिएटिव वेब कंटेंट एक्सेसिबिलिटी गाइडलाइंस) दिशानिर्देशों के बारे में सुना है, जो विशेष रूप से विकलांग (जैसे दोष या दृष्टि की कमी) वाले उपयोगकर्ताओं की मदद करने के लिए डिज़ाइन किए गए हैं।



लेकिन, अक्सर, इसे नजरअंदाज कर दिया जाता है या बैकलॉग कार्य के रूप में एक लंबे बॉक्स में भेज दिया जाता है। यह अतिश्योक्तिपूर्ण लगता है, दावा नहीं किया जाता है, और सिद्धांत रूप में, अंधा मेरी साइट पर क्या करेगा?







मैं अभी भी दो शब्दों में थोड़ी "उपयोगिता" को सही ठहराने की कोशिश करता हूं।

पहला गुण है । आपकी सेवा अधिक सुविधाजनक और उपयोग में आसान हो जाएगी।

और दूसरी बात, यह प्रतिस्पर्धात्मकता है - वे जल्दी से लक्षित दर्शकों को पकड़ लेते हैं, इसलिए नए निचे की खोज एक प्राथमिकता वाला काम है, कोई भी बाज़ारिया आपको बताएगा।



मेरे मामले में, यह ग्राहक की आवश्यकता है। धारा 508 के अनुसार , यदि मैं किसी अमेरिकी संघीय एजेंसी को उत्पाद बेचना चाहता हूं , तो मुझे इस मानक का समर्थन करना चाहिए।



कई लोग कहेंगे कि वे अमेरिकी सरकार को कुछ भी बेचने की संभावना नहीं हैं, लेकिन रूस में भी ऐसा मानक है (GOST R 52872-2007) और कोई भी गारंटी नहीं देता है कि यह कल आपको / हमें प्रभावित नहीं करेगा।



यह भी ध्यान दिया जाना चाहिए कि यदि आप पहले से ही सही मार्कअप (डब्ल्यू 3 सी के अनुसार) और खोज इंजन के लिए अनुकूलन के सिद्धांतों का पालन कर रहे हैं, तो आपको कठोर परिवर्तनों की आवश्यकता नहीं होगी।



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

चित्र:

• यदि छवि किसी भी जानकारी को वहन करती है - वर्णन को पूरी विशेषता में रखें;
• यदि छवि को लिंक के रूप में उपयोग किया जाता है - लिंक का नेतृत्व करने के लिए यह समझाने के लिए ऑल्ट का उपयोग करें;
• यदि आप बिना किसी सूचना भार के छवियों का उपयोग करते हैं (उदाहरण के लिए स्पेसर) तो alt = "" खाली छोड़ दें।

टेबल

• CAPTION तत्व में तालिका नाम जोड़ें;
• संक्षेप में वर्णन करें कि तालिका में क्या जानकारी है और इसे सारांश में रखें ;
• संकेत का संकेत, TFOOT, TBODY। (इसके अलावा, पाद लेख को TBODY तालिका के शरीर में जाना चाहिए ताकि यह पूरी तालिका से पहले प्रस्तुत हो सके)
  
  
• कॉलम में हेडर सेल और डेटा के लिए टीडी को इंगित करने के लिए TH का उपयोग करें;
• पंक्ति गुंजाइश सेल को विशेषता स्कोप = "पंक्ति" के साथ निरूपित करें। यह आपको इस सेल को पंक्ति TR की सभी कोशिकाओं से संबद्ध करने की अनुमति देगा;
• लघु शीर्षक नामों को इंगित करने के लिए एब्रेट विशेषता का उपयोग करें;
• नेस्टिंग टेबल से बचें। यदि नेस्टेड टेबल सरल है, तो इसे सूची से बदलें। अन्यथा, स्क्रीन-पाठकों के लिए नेस्टेड कोशिकाओं को जोड़ना मुश्किल होगा।

इवेंट हैंडलर।

• OnMouseOver और onMouseOut जैसे "संकीर्ण" हैंडलर से बचने की कोशिश करें। उपयोगकर्ता केवल कीबोर्ड का उपयोग करके उनके साथ काम करने में सक्षम नहीं होगा। इस मामले में, अतिरिक्त हैंडलर जोड़ें:
  
  

मैचिंग हैंडलर

वर्तमान हैंडलर	अतिरिक्त
onClick	onKeyPress
onMouseDown	OnKeyDown
onMouseUp	onkeyup
onmouseover	onFocus
onmouseout	onBlur
onDblClick	OnKeyDown

• यह ध्यान दिया जाना चाहिए कि जब प्रवेश दबाया जाता है तो अधिकांश ब्राउज़र कुछ तत्वों के लिए ऑनक्लिक घटना को बढ़ाते हैं। इसलिए, एक अतिरिक्त हैंडलर जोड़ने से घटना दो बार हो जाएगी। इन तत्वों के लिए - A, INPUT, AREA, BUTTON यह केवल onClick को छोड़ने के लिए पर्याप्त है;
• तत्व ए में हमेशा href विशेषता होनी चाहिए, भले ही # के साथ ही क्यों न हो। अन्यथा, लिंक सारणीबद्ध करते समय ध्यान केंद्रित नहीं करता है;
• यदि नेविगेशन के लिए संदर्भ तत्वों का उपयोग नहीं किया जाता है, लेकिन उदाहरण के लिए ब्लॉक वाले - DIV, तो फ़ोकस प्राप्त करने के लिए, आपको इसे टैबलाइंड विशेषता के साथ प्रदान करना चाहिए;
• तार्किक सारणीकरण प्रणाली के बारे में मत भूलना। यदि आपके पास इसके लिए पर्याप्त समय नहीं है, लेकिन आप सामान्य टैब स्ट्रीम से नेविगेशन तत्व को फाड़ना नहीं चाहते हैं, तो केवल टैबइंडेक्स मान को 0 पर सेट करें।

नेविगेशन

सामग्री पर सीधे जाने के लिए मेनू की शुरुआत में एक लिंक लगाने की सिफारिश की जाती है। इससे प्रत्येक पृष्ठ पर समान लिंक का पालन नहीं करना संभव होगा।

रूप के तत्व।

• प्रत्येक प्रपत्र तत्व में एक स्पष्ट लेबल (LABEL) होना चाहिए जो उसके बगल में खड़ा हो। ज्यादातर बाईं ओर, और चेकबॉक्स और रेडियो बटन तत्वों के लिए, दाईं ओर;
• असाधारण मामलों में, यदि लेबल लगाने के लिए कोई जगह नहीं है, तो शीर्षक विशेषता को प्रपत्र तत्व में जोड़ें जिसमें उपयोगकर्ता को दर्ज करना चाहिए;
• एक ही समय में शीर्षक विशेषता और लेबल का उपयोग करना बहुत अवांछनीय है - यह जानकारी पढ़ने के लिए कई सहायक उपकरणों में संघर्ष का कारण बनता है;
• जटिल आकृतियों के लिए, आपको FIELDSET समूहीकरण तत्व का उपयोग किंवदंतियों के तत्व के साथ करना चाहिए

गलत लेबलिंग के उदाहरण के लिए, मैं आपको एक हब्बरब्रांड सैंडबॉक्स का रूप दूंगा:







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

विकास की सुविधा के लिए उपयोगिताएँ

ये SSB बार्ट समूह से IE के लिए फ़ायरफ़ॉक्स और InFocus Toolbar के लिए WAVE प्लगइन्स हैं। दोनों प्लगइन्स स्वतंत्र हैं।



एक बहुत ही सुविधाजनक स्क्रीन-रीडर JAWS भी है । हालांकि, इसका भुगतान किया जाता है और इसे खरीदना इतना आसान नहीं है।

संदर्भ

• वेब एक्सेसिबिलिटी क्या है? - en.wikipedia.org/wiki/Web_accessibility
• वेब कंटेंट एक्सेसिबिलिटी गाइडलाइन्स स्टैंडर्ड - www.w3.org/TR/WAI-WEBCONTENT
• देश पहुंच मानक www.w3.org/WAI/Policy
• डेवलपर्स के लिए कई उपयोगिताएँ - प्रशिक्षण, प्रमाणन www.webaim.org

PS और सबसे महत्वपूर्ण बात, अगर आप ऐसे लोगों को नहीं जानते हैं, तो इसका मतलब यह नहीं है कि वे इंटरनेट का उपयोग नहीं करते हैं। लेकिन कल आप स्वयं संभावनाओं में सीमित हो सकते हैं।