दृश्य हानि वाले लोगों के लिए स्टेट ड्यूमा वेबसाइट के एक विशेष संस्करण के विकास पर

राज्य ड्यूमा की वेबसाइट पर नए आइटम पर लेखों की एक श्रृंखला से। पिछला: पहला , दूसरा और तीसरा ।

दिसंबर की शुरुआत में, दृश्य दोष वाले लोगों के लिए स्टेट ड्यूमा वेबसाइट का एक विशेष संस्करण लॉन्च किया गया था। हम ऐसी साइटों के विकास की सुविधाओं के बारे में जानकारी साझा करना चाहते हैं।

विशेष संस्करण का पता: spec.duma.gov.ru

विशेष संस्करण के संपूर्ण विकास को तार्किक रूप से 4 चरणों में विभाजित किया जा सकता है:

1. वर्तमान मानकों और GOST का विश्लेषण;
2. मौजूदा समाधानों का विश्लेषण;
3. विश्लेषण किए गए डेटा का सामान्यीकरण;
4. वेबसाइट का विकास।

लेकिन सबसे पहले, हम रूस और दुनिया में दृष्टि की समस्या पर कुछ आंकड़े देते हैं।

कुछ आंकड़े

विश्व स्वास्थ्य संगठन के अनुसार, आसपास हैं
39 मिलियन दृष्टिहीन और 246 मिलियन नेत्रहीन हैं। [7]

रूस में पंजीकृत नेत्रहीन और नेत्रहीनों की संख्या 218 हजार लोग हैं, जिनमें से बिल्कुल अंधे हैं - 103 हजार (2009 के लिए डेटा)। इस राशि में से 22% युवा कामकाजी उम्र के हैं, यानी। लगभग सभी अंधे और दृष्टिहीन हर पांचवें। [9]

दृश्य हानि वाले लोगों की एक और श्रेणी है - रंग अंधा। कलर ब्लाइंडनेस या कलर ब्लाइंडनेस एक व्यक्ति की दृष्टि का एक वंशानुगत (कम सामान्यतः अधिग्रहीत) विशेषता है, जिसमें तीन प्राथमिक रंगों (लाल, हरा, नीला) में से एक या अधिक रंगों को अलग करने की अक्षमता शामिल है। ऐसे लोग कुल आबादी का 4 से 8 प्रतिशत खाते हैं, और कमजोर आधे में बीमारी का प्रतिशत 1% [4] से अधिक नहीं है।

वर्तमान मानकों और GOST का विश्लेषण

दरअसल, इस विषय के लिए केवल एक GOST है - GOST R 52872-2007 "इंटरनेट संसाधन। नेत्रहीनों के लिए अभिगम्यता की आवश्यकताएं। " उनके मुख्य बिंदु इस प्रकार हैं:

• इंटरनेट संसाधनों के लिए नेत्रहीनों के लिए पूर्ण पहुंच के लिए, जानकारी को पाठ के रूप में प्रस्तुत किया जाना चाहिए;
• छवियाँ व्याख्यात्मक पाठ के साथ होनी चाहिए, जैसा कि ज्यादातर मामलों में एक अंधे उपयोगकर्ता के लिए ग्राफिक फ़ाइलों तक पहुंच असंभव या काफी मुश्किल है;
• टेबल्स के पास घोंसले का एक बड़ा डिग्री नहीं होना चाहिए, क्योंकि तालिकाओं में प्रस्तुत की गई जानकारी तक पहुँच तालिकाओं की कोशिकाओं के अनुसार क्रमिक रूप से की जाती है;
• एक टेबल में 15 से अधिक सेल नहीं होने चाहिए। एक तालिका में दूसरे का घोंसला स्तर तीन से अधिक नहीं होना चाहिए;
• एक टेबल में 15 से अधिक सेल नहीं होने चाहिए। एक तालिका में दूसरे का घोंसला स्तर तीन से अधिक नहीं होना चाहिए

वास्तव में पूर्ण और विस्तृत है W3 वेब कंटेंट एक्सेसिबिलिटी गाइडलाइंस (WCAG) 2.0 या, रूसी में, वेब कंटेंट एक्सेसरी गाइडलाइंस।

यह मानक 4 मूल सिद्धांतों पर आधारित है [6] :

1. धारणा । उपयोगकर्ता इंटरफ़ेस की जानकारी और घटकों को उपयोगकर्ता को ऐसे रूपों में प्रस्तुत किया जाना चाहिए जो वह अनुभव करने में सक्षम हो;
2. संचालन क्षमता । उपयोगकर्ता को उपयोगकर्ता इंटरफ़ेस और नेविगेशन के सभी घटकों के साथ काम करने में सक्षम होना चाहिए;
3. स्पष्टता । उपयोगकर्ता इंटरफ़ेस और जानकारी का संचालन उपयोगकर्ता को समझने योग्य होना चाहिए;
4. विश्वसनीयता। सामग्री को वेब ब्राउज़र की एक विस्तृत श्रृंखला द्वारा समान रूप से अच्छी तरह से व्याख्या की जानी चाहिए, जिसमें विकलांग लोगों के लिए विशेष ब्राउज़र शामिल हैं।

हम उनमें से प्रत्येक के लिए मुख्य बिंदु देते हैं।

प्रत्यक्षता

• पाठ का दृश्य प्रतिनिधित्व (या आकृति में पाठ) में कम से कम 4.5: 1 के विपरीत स्तर होना चाहिए;
• पाठ का आकार (एक छवि के रूप में शीर्षक और पाठ के अपवाद के साथ) विशेष सहायक प्रौद्योगिकियों के उपयोग के बिना कम से कम 2 बार बढ़ाया जा सकता है, जबकि कार्यक्षमता को खोना नहीं चाहिए, और उपयोगकर्ता को पाठ की एक पंक्ति को पढ़ने के लिए क्षैतिज स्क्रॉलिंग का सहारा लेने की आवश्यकता नहीं होगी;
• उपयोगकर्ता को पृष्ठभूमि का रंग और पाठ रंग चुनने में सक्षम होना चाहिए;
• पाठ ब्लॉक की चौड़ाई 80 वर्ण या वर्ण से अधिक नहीं होनी चाहिए
  टाइपफेस का इस्तेमाल किया;
• चौड़ाई में पाठ के संरेखण की अनुमति नहीं है;
• कम से कम डेढ़ लाइन रिक्ति और
  पाठ के पैराग्राफ के बीच की दूरी लाइन रिक्ति की तुलना में कम से कम डेढ़ गुना अधिक है।

संचालनीयता

• सभी वेबसाइट कार्यक्षमता कीबोर्ड के माध्यम से सुलभ होनी चाहिए;
• उपयोगकर्ता को सुविधाजनक नेविगेशन, सामग्री की आसान खोज और साइट के मुख्य पृष्ठ के सापेक्ष पृष्ठ के वर्तमान स्थान का एक सरल निर्धारण प्रदान किया जाना चाहिए;
• प्रत्येक पृष्ठ पर डुप्लिकेट ब्लॉकों को छोड़ना संभव होना चाहिए
  पृष्ठ की मुख्य सामग्री पर जाने की क्षमता;
• वर्तमान फोकस, जब कीबोर्ड द्वारा नियंत्रित किया जाता है, तो दृश्यमान होना चाहिए;

स्पष्टता

• सामग्री पठनीय और समझने योग्य होनी चाहिए;
• पृष्ठ पाठ की भाषा को प्रोग्रामेटिक रूप से सेट किया जाना चाहिए ( <html lang="fr"> );
• पाठ में या पाठ के बाद शब्दावली में, परिभाषाएं दी जानी चाहिए
  दुर्लभ शब्द, शब्दों के असामान्य संयोजन, संक्षिप्ताक्षर, संक्षिप्ताक्षर आदि।
  ( <acronym> <abbr> );
• वेब पेजों का गठन किया जाना चाहिए और "खुद को" व्यवहार करें;
• उपयोगकर्ता को डेटा प्रविष्टि के साथ सहायता प्रदान की जानी चाहिए: सत्यापन और
  खेतों में भरने के लिए त्रुटि संदेश, हस्ताक्षर और निर्देश, प्रासंगिक मदद;

विश्वसनीयता

• विकसित की जा रही वेबसाइट को विभिन्न ब्राउज़रों और प्लेटफार्मों के साथ संगत होना चाहिए, दोनों वर्तमान और होनहार, जिसमें विकलांग लोगों के लिए विशेष सहायक तकनीक और उपकरण शामिल हैं।

दृश्य हानि वाले लोग इंटरनेट का उपयोग कैसे करते हैं

पूरी तरह से अंधे उपयोगकर्ता विशेष कार्यक्रमों का उपयोग करते हैं जो पृष्ठ के पाठ से भाषण संश्लेषण करते हैं, तथाकथित स्क्रीन रीडर, जो उपयोगकर्ता को वेब पेज की सामग्री को "पढ़ा" करते हैं, एचटीएमएल मार्कअप का विश्लेषण करते हैं और फ़िल्टर करते हैं कि क्या पढ़ना है और क्या नहीं है। इस तरह के अन्य कार्यक्रमों में ब्रेल डिस्प्ले होते हैं (नीचे दिए गए चित्र में), जिसमें एक रीडर प्रोग्राम और एक विशेष उपकरण होता है, जिसके शरीर पर कंप्यूटर पर स्क्रीन रीडर से कमांड भेजने और प्राप्त करने के लिए ब्रेल रिलीफ-डॉट सेल की एक निश्चित संख्या होती है।



दृष्टिबाधित उपयोगकर्ता स्क्रीन के एक हिस्से को बड़ा करने वाले कार्यक्रमों के साथ नियमित ब्राउज़र का उपयोग करते हैं, या ब्राउज़र के ज़ूम टूल या वेबसाइट डेवलपर्स द्वारा प्रदान किए गए तंत्र का उपयोग करते हैं। इसके अलावा, ऐसे उपयोगकर्ता अक्सर तथाकथित पाठ ब्राउज़रों का उपयोग करते हैं, जो पाठ के रूप में वेबसाइट की सामग्री का प्रतिनिधित्व करते हैं।



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

मौजूदा समाधानों का विश्लेषण

हमने तरीकों और प्रथाओं का अध्ययन किया है, साथ ही विश्व इंटरनेट और इसके रूसी-भाषी भाग दोनों में दृश्य हानि वाले लोगों के लिए साइट संस्करणों के सफल कार्यान्वयन।

राजनीति की तरह, हमारे मामले में, रूस का अपना रास्ता है।

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

इस योजना के अपने फायदे हैं: साइट समर्थन सरल है, और सामान्य तौर पर मानकों द्वारा बनाई गई साइट हमेशा उपयोगकर्ताओं और खोज इंजन दोनों के लिए अच्छी होती है।

लेकिन, निश्चित रूप से, ऐसी योजना के नुकसान भी हैं: उपयोगकर्ताओं के लिए कोई स्पष्ट और समझने योग्य सेटिंग्स नहीं हैं; साइट संरचना को सरल नहीं किया गया है, जो उपयोगकर्ताओं के लिए दृश्य हानि के साथ काम करना मुश्किल बनाता है।

रूस में, एक अन्य योजना ने रूट लिया है - साइट के नियमित संस्करण के साथ, विकलांग लोगों के लिए एक "विशेष" संस्करण विकसित किया जा रहा है। मुख्य साइट के मुख्य पृष्ठ पर "विशेष" संस्करण के लिए एक लिंक है।

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

इस दृष्टिकोण के नुकसान भी हैं: साइट समर्थन अधिक जटिल होता जा रहा है, जैसा कि आपको साइट के दो संस्करणों के साथ जाने की आवश्यकता है, हालांकि साइट की सही वास्तुकला के साथ, इस खामी से बचा जा सकता है; अतिरिक्त विकास लागतें हैं; ऐसा होता है कि उपयोगकर्ताओं को एक राय है कि "विशेष" संस्करण को दूसरी तरह से समर्थन किया जाता है, और इस संस्करण की सामग्री हमेशा प्रासंगिक नहीं हो सकती है।

हमने साइट का एक विशेष संस्करण बनाने के रूप में दूसरा रास्ता चुना है, लेकिन हम यह नोट करना चाहेंगे कि स्टेट ड्यूमा वेबसाइट का "मुख्य" संस्करण पूरी तरह से W3C XHTML 1.0 सख्त मानक का अनुपालन करता है।

इसके अलावा, दृष्टिबाधित उपयोगकर्ताओं के लिए संस्करण के कार्यान्वयन के कुछ तकनीकी विवरण।

विश्लेषण किए गए डेटा और वेबसाइट के विकास को सारांशित करना

"मुख्य" साइट के पृष्ठों की संरचना को बहुत सरल किया गया था: सहायक सूचना ब्लॉकों को हटा दिया गया था, और मुख्य सामग्री को एक कॉलम में कार्यक्षेत्र के केंद्र में रखा गया था।

मुख्य मेनू को भी सरल बनाया गया है: मुख्य बिंदुओं को प्रमुख स्थानों पर रखा गया है। क्योंकि मेनू को हर पृष्ठ पर दोहराया जाता है, साइट पर पहला लिंक "मुख्य सामग्री पर जाएं", ताकि स्क्रीन रीडर प्रोग्राम के उपयोगकर्ता तुरंत नेविगेशन ब्लॉक को छोड़ते हुए पृष्ठ की सामग्री पर जा सकें।

उपयोगकर्ताओं की सुविधा के लिए, तीन फ़ॉन्ट आकार विकल्प बनाए गए थे जिन्हें सेटिंग्स मेनू से चुना जा सकता है। इसके अलावा, उपयोगकर्ता ब्राउज़र का उपयोग करके पाठ आकार को स्केल कर सकता है, सभी पाठ आकार रिश्तेदार इकाइयों (% या em) में इंगित किए जाते हैं।



सीएसएस साइट के रंग योजनाओं के लिए 3 विकल्प प्रदान करता है। दो मानक रंग योजनाएं: "एक सफेद पृष्ठभूमि पर काला पाठ" और "एक काले रंग की पृष्ठभूमि पर सफेद परीक्षण" अधिकतम विपरीत स्तरों के साथ-साथ रंग अंधापन वाले लोगों के लिए एक रंग योजना: "गहरे नीले रंग की पृष्ठभूमि पर हल्का पीला पाठ", जिसमें एक बड़ी भी है इसके विपरीत स्तर। इस कार्यक्षमता के नियंत्रण बटन भी सेटिंग पैनल पर स्थित हैं।



भविष्य में, आप अन्य उच्च-विपरीत रंग योजनाओं को जोड़ सकते हैं, जो नीचे दिए गए आंकड़े में दिखाए गए हैं। तालिका में दो-रंग की योजनाएं दिखाई गई हैं (बाईं ओर - सामान्य दृष्टि वाले लोग उन्हें कैसे देखते हैं, दाईं ओर - रंग अंधापन वाले लोग उन्हें कैसे देखते हैं) [4] ।



छवियों के प्रदर्शन को सक्षम / अक्षम करने की क्षमता, साथ ही साथ फ़ॉन्ट के प्रकार (सेरिफ़ या बिना) और वर्णों के जोड़े के बीच अंतराल (कर्निंग) को समायोजित करने की क्षमता को जोड़ा गया, जिससे समायोजन पाठ के "पठनीयता" को काफी प्रभावित कर सकता है, खासकर बड़े फ़ॉन्ट आकारों के साथ।

उपरोक्त करने के लिए, आप कुछ सामान्य सुझाव जोड़ सकते हैं:

• अनावश्यक पृष्ठ पुनः लोड से बचें, जिसके कारण स्क्रीन पाठकों में पृष्ठ की "आवाज" फिर से शुरू होती है;
• साइट की संरचना को सरल करना और एक कॉलम में सामग्री को प्रदर्शित करना, हम विशेष उपकरणों से इसकी पहुंच को सरल बनाते हैं;
• कुछ स्क्रीन रीडर शीर्षक से पाठ पढ़ते हैं (उपयोगकर्ता अपने दम पर इस पैरामीटर को कॉन्फ़िगर कर सकता है), इसलिए आपको पाठ में हेडर और बोल्ड का अधिक सक्रिय रूप से उपयोग करने की आवश्यकता है - यह उपयोगकर्ता द्वारा सामग्री की समझ को सरल करेगा [3] ;
• स्क्रीन रीडर के अधिकांश उपयोगकर्ता माउस का उपयोग नहीं करते हैं और पूरी तरह से कीबोर्ड नियंत्रण पर निर्भर हैं, इसलिए साइट नेविगेशन का पूर्ण नियंत्रण सुनिश्चित करना बहुत महत्वपूर्ण है [3] [6] ।

सामग्री का इस्तेमाल किया

1. स्क्रीन रीडर संगतता webaim.org/techniques/screenreader के लिए डिज़ाइन करना
2. जो क्लार्क। बिग, स्टार्क और चंकी www.alistapart.com/articles/lowvision
3. मैरी फ्रांसेस थेफानो, जेनिस (गिन्नी) रेडिस। सुलभ और उपयोग करने योग्य वेब साइटों के लिए दिशानिर्देश: स्क्रीन रीडर्स के साथ काम करने वाले उपयोगकर्ताओं का अवलोकन www.redish.net/images/stories/PDF/InteractionsPaperAuthorsVer.pdf
4. पाबिनि गैब्रियल-पेटिट। कलर- डिफिशिएंसी विजन वाले लोगों के लिए एक्सेसिबिलिटी सुनिश्चित करना www.uxmatters.com/mt/archives/2007/02/ensuring-accessibility-for-people-with-color- कमी- vision.php
5. ट्रेंटन मॉस। वेब एक्सेसिबिलिटी क्या है? www.alistapart.com/articles/wiwa
6. वेब कंटेंट एक्सेसिबिलिटी गाइडलाइंस (WCAG) 2.0 www.w3.org/TR/WCAG
7. विश्व स्वास्थ्य संगठन। दृश्य हानि और अंधापन www.who.int मीडिया सेंटर / फैक्टशीट / fs282 / en / index.html
8. GOST R 52872-2007 “इंटरनेट संसाधन। नेत्रहीनों के लिए अभिगम्यता की आवश्यकताएं। " www.web-canape.ru/img/file/GOST-52872-2007.pdf
9. Mednova। 45 हजार रूसी प्रतिवर्ष दृश्य विकलांगता medportal.ru/mednovosti/news/2009/10/07/blind प्राप्त करते हैं