wave accessibility testing tool tutorial
वेब एक्सेस एक्सेस टूल ट्यूटोरियल: WAVE क्रोम और फ़ायरफ़ॉक्स एक्सटेंशन का उपयोग कैसे करें
वेब एक्सेसिबिलिटी टूलबार हमारे पिछले ट्यूटोरियल में विस्तार से बताया गया था। यह ट्यूटोरियल इस श्रृंखला में पहले एक के लिए एक निरंतरता है, इसे यहां देखें - वेब पहुंच परीक्षण - भाग 1 ।
उस ट्यूटोरियल में, हमने कुछ मूलभूत अवधारणाओं पर ध्यान दिया कि एक्सेसिबिलिटी क्या है और एक्सेसिबिलिटी टेस्टिंग टूल्स का उपयोग करके इसका मूल्यांकन कैसे किया जा सकता है।
इस ट्यूटोरियल में, हमें WAVE टूलबार, JAWS एक्सेसिबिलिटी टूल, तकनीक और विवरण जैसे कुछ और एक्सेसिबिलिटी टूल दिखाई देंगे।
(छवि स्रोत)
आप क्या सीखेंगे:
कैसे uat परीक्षण स्क्रिप्ट लिखने के लिए
लहर(वेब अभिगम्यता मूल्यांकन उपकरण)
WAVE टूल एक वेब एक्सेसिबिलिटी मूल्यांकन उपकरण है - जिसके लिए एक टूलबार फ़ायरफ़ॉक्स ब्राउज़र।
यह ध्यान रखना महत्वपूर्ण है कि, यदि आपकी वेब सामग्री सुलभ है, तो WAVE आपको नहीं बता सकता है; केवल एक इंसान ही सच्ची पहुँच निर्धारित कर सकता है। लेकिन, WAVE आपकी वेब सामग्री की पहुंच का मूल्यांकन करने में आपकी मदद कर सकता है।
सभी मूल्यांकन सीधे ब्राउज़र के भीतर होता है और WAVE सर्वर को कोई सूचना नहीं भेजी जाती है। यह 100% निजी और सुरक्षित पहुँच रिपोर्टिंग सुनिश्चित करता है।
WAVE वेब एक्सेसिबिलिटी टूलबार डाउनलोड करने के लिए http://wave.webaim.org/toolbar/ और इसे F में डाउनलोड करें irefox ब्राउज़र । सुनिश्चित करें कि आप फ़ायरफ़ॉक्स ब्राउज़र में डाउनलोडिंग यूआरएल खोलेंगे क्योंकि WAVE टूलबार केवल फ़ायरफ़ॉक्स का समर्थन करता है।
वेब एक्सेस टूलबार का उपयोग कैसे करें
फ़ायरफ़ॉक्स ब्राउज़र पर काम करते समय हम उन सुविधाओं का उपयोग कर सकते हैं:
# 1) वेबसाइट का चयन करें http://www.easports.com/ , फिर 'त्रुटियां, सुविधाएँ, और अलर्ट' पर क्लिक करें, आपको पीले रंग में पहुंच अलर्ट और त्रुटियों के साथ पृष्ठ मिलेगा। अलर्ट का विवरण देखने के लिए छवियों पर माउस ले जाएं।
() ध्यान दें : बढ़े हुए दृश्य के लिए किसी भी छवि पर क्लिक करें)
#दो) अब “स्ट्रक्चर / ऑर्डर व्यू” पर क्लिक करें, आपको इनलाइन फ्रेम विवरण के साथ पेज मिलेगा।
# 3) अब 'टेक्स्ट-ओनली व्यू' पर क्लिक करें, साइट छवियों, शैलियों और लेआउट के बिना प्रदर्शित होगी।
# 4) टूलबार पर 'आउटलाइन व्यू' आइकन आपको बताएंगे कि क्या शीर्ष क्रम में हैं या नहीं।
# 5) 'पृष्ठ रीसेट करें' आइकन पृष्ठ को ताज़ा करेगा।
# 6) 'अक्षम शैली' पर क्लिक करने से पृष्ठ से सीएसएस शैलियों को हटा दिया जाएगा।
# 7) 'आइकन्स की' बटन अतिरिक्त विवरण, जानकारी और सिफारिशों के साथ सभी WAVE आइकन की एक सूची प्रदर्शित करेगा।
आप वेव टूल को डाउनलोड किए बिना वेबसाइट की पहुंच का मूल्यांकन भी कर सकते हैं और इसे सीधे ऑनलाइन उपयोग कर सकते हैं।
वेबसाइट की पहुंच को सत्यापित करने के लिए कदम
चरण 1) URL पर क्लिक करें: http://wave.webaim.org/
चरण 2) प्रवेश करें वेब पेज का पता में टेक्स्ट डिब्बा और हिट दर्ज करें। हम उपयोग करने जा रहे हैं साथ से उदहारण के लिए। इसलिए टेक्स्ट बॉक्स में साइट www.facebook.com दर्ज करें और एंटर बटन पर क्लिक करें।
चरण 3) आपको नेविगेशन के बाईं ओर सारांश विवरण मिलेगा।
- एक गणना के साथ त्रुटियों को लाल रंग में प्रदर्शित किया जाएगा। मेरे मामले में, यह 13 के रूप में दिखा रहा है।
- 13 की गिनती के साथ पीले रंग में अलर्ट प्रदर्शित किए जाएंगे।
- 10 की गिनती के साथ सुविधाएँ हरे रंग में होंगी।
- संरचनात्मक तत्व 6 नीले रंग में होंगे।
- HTML5 और ARIA 15 बैंगनी रंग के होंगे।
- कॉन्ट्रास्ट एरर्स ब्लैक कलर में 14 होंगे।
प्रत्येक आइकन पर क्लिक करने से आपको अलर्ट (पेज के केंद्र में) के रूप में दिखाए गए तत्वों के बारे में अधिक जानकारी मिलेगी।
अब, आइए विभिन्न उपकरणों की श्रेणी देखें:
नि: शुल्क वेब पेज पहुंच योग्यता सत्यापनकर्ता:
कुछ और बेहतरीन वेब एक्सेसिबिलिटी चेकर टूल्स:
दृष्टि विकलांगता उपकरण
दृष्टि विकलांगता दृष्टि की हानि को संदर्भित करता है। दृष्टि विकलांगता के विभिन्न प्रकार हैं:
- अंधापन
- निम्न या प्रतिबंधित दृष्टि
- रंग अन्धता
दृश्य हानि वाले उपयोगकर्ता सहायक प्रौद्योगिकी सॉफ़्टवेयर का उपयोग करते हैं जो सामग्री को जोर से पढ़ता है।उदाहरण के लिएविंडो के ऑपरेटिंग सिस्टम के लिए JAWS, विंडो के ऑपरेटिंग सिस्टम के लिए NVDA, मैक के लिए वॉइस ओवर। कमजोर दृष्टि वाले यूए उपयोगकर्ता एक ब्राउज़र सेटिंग या ऑपरेटिंग सिस्टम की शानदार सेटिंग के साथ पाठ को बड़ा बना सकता है। हम Magnifiers और JAWS टूल्स की मदद से इन फीचर्स को सीखने जा रहे हैं।
ए) मैग्निफायर्स
1) ज़ूम टेक्स्ट मैग्निफ़ायर आपके कंप्यूटर स्क्रीन पर सब कुछ बढ़ाता है और एप्लिकेशन को देखना और उपयोग करना आसान बनाता है। आप इससे डाउनलोड कर सकते हैं इस लिंक ।
यह कैसे काम करता है इसका एक अच्छा विचार प्राप्त करने के लिए, हम अत्यधिक अनुशंसा करते हैं कि आप एक नि: शुल्क परीक्षण संस्करण डाउनलोड करें और प्रयोग करें।
दो) विंडो का आवर्धक स्क्रीन के विभिन्न हिस्सों को भी बड़ा करता है। हम इसे अपने डेस्कटॉप से स्टार्ट बटन पर क्लिक करके खोल सकते हैं और फिर मैग्निफायर टाइप कर सकते हैं। मैग्निफायर प्रोग्राम पर क्लिक करें। जब आप वेब पेज पर माउस हॉवर करते हैं, तो यह टूल स्क्रीन के आकार को बढ़ाता है और प्रदर्शित करता है।
3) ब्लाइंड कंप्यूटर उपयोगकर्ता, जो सामान्य कंप्यूटर मॉनीटर का उपयोग नहीं कर सकते हैं, पाठ आउटपुट पढ़ने के लिए रेफ्रेसेबल ब्रेल डिस्प्ले या ब्रेल टर्मिनल का उपयोग करते हैं।
के अनुसार विकिपीडिया , एक रीफ्रेशेबल ब्रेल डिस्प्ले या ब्रेल टर्मिनल ब्रेल वर्णों को प्रदर्शित करने के लिए एक इलेक्ट्रो-मैकेनिकल डिवाइस है, जो आमतौर पर एक सपाट सतह में छेद के माध्यम से उठाए गए गोल-टिप वाले पिन के माध्यम से होता है।
B) JAWS- भाषण के साथ नौकरी की सुविधा
JAWS एक स्क्रीन रीडर है जिसका उपयोग विंडोज़ ऑपरेटिंग सिस्टम पर वेब पेजों का परीक्षण करने के लिए किया जाता है जो नेत्रहीन उपयोगकर्ताओं को स्क्रीन पढ़ने की अनुमति देता है। JAWS ऑपरेटिंग सिस्टम के सभी संस्करणों का समर्थन करता है और साथ ही रीफ्रेशबल ब्रेल डिस्प्ले प्रदान करता है।
JAWS का उपयोग करने के लिए कीबोर्ड कमांड निम्नलिखित हैं:
जेएडब्ल्यूएस की मदद से परीक्षण किए जाने वाले मूल कार्य हैं:
- JAWS वेब पृष्ठों को नेविगेट करने के लिए कीस्ट्रोक्स की संख्या प्रदान करता है। उदाहरण के लिए एरो कीज़, पेज अप और डाउन कीज़, होम, एंड और कई अन्य जेएडब्ल्यूएस नेविगेशन कीज़।
- लिंक, चित्र और छवि मानचित्र: JAWS वेब पेज में एक लिंक से दूसरे लिंक पर नेविगेट करने के लिए कीस्ट्रोक्स प्रदान करता है।
- HTML फ़ॉर्म फ़ील्ड और नियंत्रण : JAWS फार्म तत्वों के बीच नेविगेट करने के लिए कीस्ट्रोक्स प्रदान करता है
- HTML फ्रेम्स : कीबोर्ड के साथ फ्रेम नेविगेट करें।
- टेबल : तालिका कोशिकाओं को नेविगेट करें
यह विभिन्न तकनीकों और साधनों का एक संक्षिप्त अवलोकन है, जिनका उपयोग अभिगम्यता के मूल्यांकन को पूरा करने के लिए किया जाता है।
डेवलपर्स और परीक्षकों के लिए अभिगम्यता परीक्षण युक्तियाँ
- क्या सभी सक्रिय चित्रों में ऑल-टेक्स्ट है जो इंगित करता है कि लिंक या बटन क्या करता है?
- क्या सभी सजावटी चित्रों और निरर्थक चित्रों में अशक्त (alt = '') पाठ है?
- क्या सभी सूचना चित्रों में ऑल-टेक्स्ट होता है जो वही जानकारी प्रदान करता है जो चित्र प्रदान करता है?
- क्या पृष्ठ शीर्षकों के साथ व्यवस्थित है? क्या वे शीर्षकों के रूप में चिह्नित हैं?
- क्या आप कीबोर्ड का उपयोग करके सब कुछ एक्सेस कर सकते हैं?
- क्या आपका पृष्ठ स्क्रीन रीडर में तार्किक क्रम में पढ़ा जाएगा?
- क्या यह स्पष्ट है कि आप कीबोर्ड एक्सेस का उपयोग करते समय किस तत्व पर ध्यान केंद्रित कर रहे हैं?
- क्या वीडियो में सभी महत्वपूर्ण जानकारी मानक ऑडियो के माध्यम से या जोड़े गए ऑडियो विवरण के माध्यम से उपलब्ध है?
विकास दल यह सुनिश्चित कर सकते हैं कि कोड निरीक्षण और यूनिट परीक्षण द्वारा उनके उत्पाद की पहुंच अनुपालन है।
विशिष्ट परीक्षण के मामले:
- सुनिश्चित करें कि सभी कार्य केवल कीबोर्ड के माध्यम से उपलब्ध हैं (माउस का उपयोग न करें)
- सुनिश्चित करें कि प्रदर्शन सेटिंग उच्च कंट्रास्ट मोड में परिवर्तित होने पर जानकारी दिखाई देती है।
- सुनिश्चित करें कि स्क्रीन रीडिंग टूल उपलब्ध सभी टेक्स्ट को पढ़ सकते हैं और हर तस्वीर / छवि में इसके साथ संबंधित वैकल्पिक टेक्स्ट है।
- सुनिश्चित करें कि उत्पाद परिभाषित कीबोर्ड क्रियाएं एक्सेसिबिलिटी कीबोर्ड शॉर्टकट को प्रभावित नहीं करती हैं।
निष्कर्ष
वेब पहुंच अक्षम उपयोगकर्ताओं के लिए कई अवसर प्रदान करता है। हालांकि, हमें इस तथ्य को स्वीकार करना होगा कि हर प्रकार की अक्षमताओं या कठिनाइयों के लिए पूर्ण पहुंच प्रदान करना मुश्किल है जो किसी उपयोगकर्ता को किसी वेबसाइट की सामग्री तक पहुंचने से रोक सकता है।
कदम उठाए जा सकते हैं लेकिन यह 100% नहीं हो सकता है। यदि हम विकास के प्रारंभिक चरण से इस लेख में उल्लिखित मानकों का पालन करते हैं, तो हम आसानी से अधिकांश उपयोगकर्ताओं के लिए एक सुलभ वेबसाइट बना सकते हैं।
नीचे दिए गए टिप्पणियों में अधिक पहुंच परीक्षण उपकरणों और सुझावों का सुझाव देने के लिए स्वतंत्र महसूस करें।
PREV ट्यूटोरियल | सबसे पहले ट्यूटोरियल
अनुशंसित पाठ
- पहुँच परीक्षण के लिए वाट (वेब एक्सेसिबिलिटी टूलबार) ट्यूटोरियल
- अभिगम्यता परीक्षण ट्यूटोरियल (स्टेप गाइड द्वारा एक पूर्ण चरण)
- शुरुआती के लिए गहराई से ग्रहण ट्यूटोरियल
- Geb Tutorial - Geb टूल का उपयोग करके ब्राउज़र ऑटोमेशन परीक्षण
- सर्वश्रेष्ठ सॉफ्टवेयर परीक्षण उपकरण 2021 (क्यूए टेस्ट स्वचालन उपकरण)
- वेब अनुप्रयोगों के लिए शीर्ष 20 पहुंच परीक्षण उपकरण
- विनाशकारी परीक्षण और गैर विनाशकारी परीक्षण ट्यूटोरियल
- कार्यात्मक परीक्षण बनाम गैर-कार्यात्मक परीक्षण