🦉 👨🏾 ⚛️ क्यूए और विकलांग लोगों के लिए संसाधन बनाने में इसकी भूमिका 🖐🏿 🧑🏻 👶🏻

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

सबसे पहले, शर्तों को परिभाषित करते हैं।

HIA - सीमित स्वास्थ्य विकल्प। ऐसे लोगों के पास बहुत अलग स्पेक्ट्रम के शारीरिक और / या मानसिक विकास में विचलन हो सकते हैं। अनुसार करने के लिए HIA 2018 पर डब्ल्यूएचओ (विश्व स्वास्थ्य संगठन) की रिपोर्ट:

1 बिलियन से अधिक लोग, दुनिया की लगभग 15% आबादी, किसी न किसी प्रकार की विकलांगता है।
110 से 190 मिलियन वयस्कों में गतिशीलता संबंधी कठिनाइयाँ, दृष्टि / सुनने की समस्याएं आदि हैं।
विकलांग 12 मिलियन से अधिक लोग रूस में रहते हैं (उनमें से अधिकांश वयस्क हैं)।

प्रौद्योगिकी के लिए धन्यवाद, विकलांग उपयोगकर्ता कम या ज्यादा पूरी तरह से काम कर सकते हैं, विकसित कर सकते हैं और मज़े कर सकते हैं, कपड़े और उत्पादों को ऑर्डर कर सकते हैं, सामान्य तौर पर, हर किसी के साथ सब कुछ कर सकते हैं।
इन लोगों के लिए इंटरनेट पर रहना आसान बनाने के लिए, आपको सेवाओं और डिजिटल उत्पादों की उपलब्धता पर अधिक ध्यान देना चाहिए।

और यहाँ क्यूए है और हम क्या कर सकते हैं

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

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

बहुत सारे विकलांग लोग हर दिन इंटरनेट पर हैं, और इस तरह के संशोधन से उन्हें बिना किसी समस्या के उत्पाद का उपयोग करने की अनुमति मिलेगी,
अनुकूलन प्रतियोगियों के बीच उत्पाद को खड़ा करने में मदद करेगा,
एक अनुकूलित उत्पाद उपयोगकर्ताओं की संख्या को सकारात्मक रूप से प्रभावित कर सकता है और कंपनी की रेटिंग को समग्र रूप से प्रभावित कर सकता है,
, , , . ,
“accessibility id” ( iOS) iOS ,
, .

?

उत्पाद अनुपालन के लिए विस्तृत मानदंड वेब कंटेंट एक्सेसिबिलिटी गाइड (WCAG) में वर्णित हैं ।

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

प्रत्येक सिद्धांत में अलग-अलग सामग्री आवश्यकताएं शामिल हैं, उदाहरण के लिए, गैर-पाठ तत्वों का एक पाठ संस्करण प्रदान करना महत्वपूर्ण है, केवल कीबोर्ड का पूर्ण नियंत्रण सुनिश्चित करना या स्वास्थ्य के लिए खतरनाक डिजाइन तत्वों से बचना। स्तर की आवश्यकताओं की एक पूरी सूची समान WCAG 2.1 में पाई जा सकती है ।

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

उदाहरण के लिए, आपको कैसे पता चलेगा कि पृष्ठ के तत्वों को देखने के लिए ड्यूटेरोनोमाइल ( हरे रंग की स्पेक्ट्रम की तरंगों की संवेदनशीलता में मामूली कमी की विशेषता वाला व्यक्ति ) है? इस समस्या को हल करने के लिए, NoCfish उपकरण उपयुक्त है।

Nocoffeeब्राउज़र (क्रोम, फ़ायरफ़ॉक्स) के लिए एक मुफ्त एक्सटेंशन, दृश्य दोषों का एक सिम्युलेटर। उपयोग करने में बहुत आसान और प्रभावी। टूल लोकप्रिय है, इसे बहुत सारी सकारात्मक समीक्षाएं मिलीं, जिनमें से विभिन्न प्लेटफार्मों पर 20,000 से अधिक डाउनलोड किए गए हैं, जिनमें से उच्च रेटिंग 4 में से 4 की रेटिंग है।

नो कॉफ़ी नोकॉफ़ी के

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

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

"HIA के लिए सेटिंग्स" पैनल के उदाहरण

पेंशन फंड

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

साइट स्क्रीन पाठकों के काम पर केंद्रित है, और यह वास्तव में उनके काम के लिए अच्छी तरह से अनुकूलित है, लेकिन बाद में उस पर अधिक।

VTB

बैंक VTB बैंक ने "HIA सेटिंग पैनल" लागू किया है, इस पैनल की सेटिंग्स को बदलते समय तत्वों को प्रदर्शित करने में कुछ समस्याएं हैं। लेकिन सामान्य तौर पर, यह श्रद्धांजलि देने के लायक है - मुझे अन्य बैंकों में ऐसी कार्यक्षमता नहीं मिली।

विकलांग लोगों की अखिल रूसी सोसायटी

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

वर्ल्डस्किल्स टिकट टू द फ्यूचर

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

रंग विषयों को समायोजित करने के अलावा, HIA पैनलों में आमतौर पर पाठ का आकार बढ़ाने के लिए एक फ़ंक्शन होता है, छवियों के प्रदर्शन को चालू / बंद करने का कार्य ( यह उपरोक्त सभी उदाहरणों में है )।

कम आम पाठ के प्रदर्शन को अनुकूलित करने की क्षमता है: वर्ण और सेरिफ़ फ़ॉन्ट के बीच का अंतराल, ऐसी सेटिंग्स डिस्लेक्सिया वाले लोगों के लिए डिज़ाइन की गई हैं ( डिस्लेक्सिया एक विशिष्ट सीखने की विकलांगता है जो मूल रूप से न्यूरोलॉजिकल है, सटीक या तरल शब्द पहचान और अपर्याप्त पढ़ने और लिखने की क्षमताओं के साथ कठिनाइयों की विशेषता है ) । यह, संयोग से, वीटीबी और रूस के पेंशन फंड की वेबसाइट पर लागू किया गया था।

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

पहुंच परीक्षण पर वापस

एक और अच्छा परीक्षण उपकरण कुल्हाड़ी है ।

कुल्हाड़ी को WCAG 2 दिशानिर्देशों के साथ किसी साइट या एप्लिकेशन के अनुपालन को सत्यापित करने के लिए डिज़ाइन किया गया है। यह ब्राउज़रों के लिए एक विस्तार है, यह वर्तमान में 100,000 से अधिक बार स्थापित किया गया है और 4.5 की रेटिंग है।

कुल्हाड़ी कैसे काम करती है

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

राज्य सेवा के पन्नों में से एक के विश्लेषण से WCAG आवश्यकताओं के साथ 10 गैर-अनुपालन का पता चला। हम मान सकते हैं कि साइट विकलांग लोगों के लिए अच्छी तरह से अनुकूलित है:

लेकिन जब एफआईयू के पन्नों में से एक का विश्लेषण किया गया, तो 29 विसंगतियां पाई गईं। यहां निश्चित रूप से सुधार की आवश्यकता है, विशेष रूप से इस तथ्य पर विचार करते हुए कि विकलांग लोग और वृद्ध लोग संसाधन का सही उपयोग कर रहे हैं।

विकलांग लोगों की अखिल रूसी सोसाइटी की साइट में WCAG सिफारिशों के साथ 69 विसंगतियां हैं।

कुल्हाड़ी का विश्लेषण करने के बाद हमें क्या मिलेगा:

. : , WCAG 2.
.

ठीक मोटर कौशल के साथ समस्याओं वाले लोगों के लिए साइट को अनुकूलित करने और जो लोग माउस का उपयोग नहीं कर सकते हैं, पृष्ठ तत्वों को लागू करना आवश्यक है ताकि उपयोगकर्ता उनके बीच टैब कुंजी के साथ स्विच कर सके।

एक अच्छा उदाहरण "गोसुलुगी" है:

चित्र दिखाता है कि पृष्ठ के तत्वों को क्रमिक रूप से और सही क्रम में टैब कुंजी का उपयोग करके कैसे आगे बढ़ना है।

ऑल-रूसी सोसाइटी ऑफ डिसेबल्ड की साइट को टैब कुंजी के साथ स्विच करने के लिए खराब रूप से अनुकूलित किया गया है।

हाइलाइटिंग पृष्ठ तत्वों का कोई प्रदर्शन नहीं। तत्वों के बीच संक्रमण धीरे-धीरे और असंगत रूप से किया जाता है। यह अक्षमता के साथ उपयोगकर्ता के जीवन को बहुत जटिल कर सकता है।

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

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

उपयोगी सामग्री

वेब कंटेंट एक्सेसिबिलिटी गाइडलाइन्स (WCAG) 2.0 - एक विनियामक दस्तावेज, जिसके आधार पर विकलांग लोगों के लिए सॉफ्टवेयर विकसित किया जाता है;

WebLind दृश्य हानि वाले लोगों के लिए वेबसाइट विकास के बारे में एक अच्छा संसाधन है;

दिशानिर्देश - विकलांग लोगों के लिए साइट के कार्यान्वयन पर डेवलपर्स, प्रबंधकों, डिजाइनरों के लिए एक संसाधन।

संपूर्ण

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

आपकी साइट या एप्लिकेशन कैसे पहुंच योग्य है? क्या आप किसी परीक्षण उपकरण का उपयोग करते हैं?

क्यूए और विकलांग लोगों के लिए संसाधन बनाने में इसकी भूमिका