wat tutorial
पहुँच परीक्षण के लिए वाट या वेब एक्सेस टूलबार ट्यूटोरियल:
पहुंच परीक्षण उपकरण में हमारे पिछले ट्यूटोरियल के बारे में विस्तार से बताया गया पहुँच परीक्षण श्रृंखला ।
वाट (वेब एक्सेसिबिलिटी टूलबार) - के लिए एक टूलबार है इंटरनेट एक्सप्लोरर ब्राउज़र और अन्य ब्राउज़र - यह वेब कंटेंट एक्सेसिबिलिटी गाइडलाइन्स वर्जन 2 (WCAG 2.0) के अनुपालन के लिए एक वेबपेज का मूल्यांकन करने में सहायता कर सकता है।
वाट टूल का उपयोग कैसे करें?
कृप्या इसे यहां से डाउनलोड और इंस्टॉल करें ।
सफल स्थापना के बाद, आपको पता बार के ठीक नीचे अतिरिक्त वेब एक्सेसिबिलिटी टूल दिखाई देगा।
हम इसे EAsports वेबसाइट - http://www.easports.com की मदद से सीखने जा रहे हैं।
(१) पृष्ठ का शीर्षक - हम पेज टाइटल बार को विंडो टाइटल बार या ब्राउजर्स के टैब टाइटल बार में वेरीफाई कर सकते हैं। टैब पर माउस मँडराते समय आपको पृष्ठ शीर्षक जानकारी दी जाएगी।
URL http://www.easports.com दर्ज करें और माउस होवर करके टैब शीर्षक बार में पृष्ठ शीर्षक सत्यापित करें।
# 2) रंग - वेबसाइट का कलर कलर कंट्रास्ट एनालाइजर में पास होना चाहिए।
रंग अनुपात यानी स्तर ए, एए और एएए निर्धारित करने के लिए 3 अलग-अलग अनुरूपता स्तर हैं।
इसे AA या AAA पर पास मिलना चाहिए ।
'ए' पहुंच के निम्न स्तर का प्रतिनिधित्व करता है, 'एए' पहुंच के मध्यम स्तर का प्रतिनिधित्व करता है और 'एएए' पहुंच के उच्चतम स्तर का प्रतिनिधित्व करता है।
URL http://www.easports.com i दर्ज करें n टूलबार, रंग टैब पर क्लिक करें और कंट्रास्ट एनालाइज़र चुनें और सत्यापित करें।
# 3) शीर्षक - शीर्षक पृष्ठ की सामग्री का एक प्रभावी अवलोकन प्रदान करते हैं। सभी पेज H1 या H2 शीर्षकों के साथ शुरू होने चाहिए। हेडिंग टेक्स्ट बड़ा, बोल्ड होना चाहिए और वेब पेजों में चिह्नित होना चाहिए। और पेज 'h1' से शुरू होना चाहिए और प्रत्येक पृष्ठ पर कम से कम एक शीर्षक होना चाहिए।
शीर्षक संरचना को सत्यापित करने के लिए http://www.easports.com पर क्लिक करें और स्ट्रक्चर टैब चुनें और फिर हेडिंग स्ट्रक्चर पर क्लिक करें और वेरीफाई करें। यह आपको सभी शीर्षक शीर्षक विवरण देगा। यह भी जांच करेगा कि क्या हेडिंग सही ढंग से नेस्टेड हैं या नहीं।
# 4) छवियों के लिए Alt पाठ - सभी प्रमुख ब्राउज़रों में पूरी विशेषता का समर्थन किया जाता है। सभी छवियों में Alt पाठ जुड़ा होना चाहिए। जब हम छवि पर हॉवर करते हैं तो यह टूलटिप के रूप में ऑल्ट एट्रीब्यूट का मान प्रदर्शित करता है। यदि किसी चित्र को प्रदर्शित नहीं किया जा सकता है तो यह एक छवि की वैकल्पिक जानकारी प्रदान करता है।
Url दर्ज करें http://www.easports.com, शो इमेज पर क्लिक करें और सत्यापित करें कि ऑल्ट टेक्स्ट छवियों के लिए उपलब्ध है या नहीं।
आपको पॉप-अप नीचे मिलेगा:
जैसा कि आप ऊपर बताए गए विवरण प्राप्त करेंगे।
# 5) टैब ऑर्डर - टैब अनुक्रम आदेश को तार्किक और ठीक से प्रदर्शित किया जाना चाहिए। आप टैब कुंजी पर क्लिक करके विभिन्न लिंक पर नेविगेट कर सकते हैं। टैब ऑर्डर इंडिकेटर का चयन करने के बाद आप लिंक के पास संख्या की गिनती देख सकते हैं जो यह दर्शाता है कि उस विशेष लिंक पर पहुंचने के लिए टैब कुंजी पर कितनी बार क्लिक करने की आवश्यकता है।
टैब ऑर्डर सत्यापित करने के लिए url http://www.easports.com पर क्लिक करें , और संरचना पर क्लिक करें और टैब ऑर्डर इंडिकेटर चुनें।
# 6) सूची - सूची उचित संरचना में प्रदर्शित होनी चाहिए। सूचियों को हमेशा यह सुनिश्चित करने के लिए जांचना चाहिए कि सूची आइटम वास्तव में एक सूची में निहित हैं या नहीं। सूची दो रूपों की हो सकती है: आदेश दिया सूची और अक्रमित सूची । अनियंत्रित सूचियों का उपयोग करें तत्व और आदेशित सूचियों का उपयोग करते हैं
तत्व।
Url http://www.easports.com i दर्ज करें n टूलबार, संरचना पर क्लिक करें और सूची आइटम का चयन करें और सूची के क्रम को सत्यापित करें।
अनियंत्रित सूची का उदाहरण:
आदेशित सूची का उदाहरण:
# 7) कंट्रास्ट अनुपात - इसमें डिफ़ॉल्ट रूप से न्यूनतम कंट्रास्ट होना चाहिए। यदि आवश्यक हो तो वेब ब्राउज़र को लोगों को पाठ और पृष्ठभूमि का रंग बदलने की अनुमति देनी चाहिए।
Google url डालें https://www.google.co.in/ और छवियों पर क्लिक करें और रसदार स्टूडियो ल्युमिनोसिटी एनालाइज़र चुनें।
परिणामों की तालिका के साथ शीर्षक के साथ एक नई विंडो खुल जाएगी। अंतिम कॉलम ल्यूमिनोसिटी कॉन्ट्रास्ट अनुपात है।
फर्जी जीमेल अकाउंट जनरेटर और पासवर्ड
# 8) लेबल - लेबल को ठीक से प्रदर्शित किया जाना चाहिए।
यू आर एल दर्ज करो https://www.google.co.in/ और टूलबार में संरचना पर क्लिक करें और विकल्प के रूप में फ़ील्डसेट / लेबल चुनें। आप फ़ील्डसेट और लेबल विवरण देखेंगे।
# 9) मूल संरचना जाँच - इस जांच में हम छवियों, शैलियों और लेआउट के बिना वेब पृष्ठों को सत्यापित करते हैं।
टूलबार में, छवियाँ पर क्लिक करें और फिर छवियाँ निकालें।
अब CSS का चयन करें और फिर Disable CSS पर क्लिक करें।
अंत में टेबल्स पर क्लिक करें और फिर Linearize चुनें।
अभ्यास के लिए समय:
आइए अब हम खुद को एक नमूना अभिगम्यता परीक्षण कार्य प्रदान करते हैं, निश्चित रूप से समाधान प्रदान किया जाता है। लेकिन हम सुझाव देते हैं कि आप उत्तर की ओर बढ़ने से पहले स्वयं इसे आज़माएँ।
शीर्ष पाठ, टैब ऑर्डर इंडिकेटर और रंग कंट्रास्ट के साथ हेडिंग, चित्र सत्यापित करें http://www.cbssports.com
उपाय: Internet Explorer पर url http://www.cbssports.com पर क्लिक करें।
शीर्षकों को सत्यापित करने के लिए संरचना पर क्लिक करें और शीर्षक की पुष्टि करने के लिए शीर्षक संरचना का चयन करें।
शीर्षक H1 में नहीं हैं। सभी सुर्खियों में हैं H2।
ऑल्ट टेक्स्ट को वेरिफाई करने के लिए इमेजेस पर क्लिक करें और इमेजों में ऑल्ट टेक्स्ट मौजूद है या नहीं इसकी पुष्टि करने के लिए शो इमेजेज चुनें।
आप पाएंगे कि कुछ छवियां ऑल्ट टेक्स्ट के साथ हैं और उनमें से कुछ बिना ऑल्ट फ़ीचर के हैं। ऑल्ट टेक्स्ट के बिना इमेज डिटेल्स पॉप अप में दिखती हैं और ऑल्ट टेक्स्ट डिस्प्ले के साथ इमेजेस की डिटेल्स इमेजेस के पास होती हैं।
उदाहरण के लिएalt = 'खोज सीबीएस Sports.com' पाठ जो खोज आइकन के पास प्रदर्शित हो रहा है और alt = 'CBSSports.com' पाठ जो काल्पनिक लोगो के पास प्रदर्शित हो रहा है।
टैब ऑर्डर इंडिकेटर को सत्यापित करने के लिए स्ट्रक्चर पर क्लिक करें और टैब ऑर्डर इंडिकेटर चुनें ।
गिनती उन लिंक्स के पास प्रदर्शित होगी जो यह दर्शाता है कि आप किस प्रयास में उस विशेष लिंक पर क्लिक कर पाएंगे। उदाहरण के लिए शीर्ष एनएफएल लिंक पर क्लिक करने के लिए, आपको 13 बार कीबोर्ड से टैब बटन दबाना होगा।
अब रंग विपरीत सत्यापित करने के लिए अंतिम, रंग पर क्लिक करें और कंट्रास्ट विश्लेषक का चयन करें।
पाठ दोहरा ए यानी एए के साथ गुजर रहा है।
वहां, यह वेबसाइट की पहुंच का मूल्यांकन करने का तरीका है।
PREV ट्यूटोरियल | अगले ट्यूटोरियल
अनुशंसित पाठ
- WAVE पहुँच क्षमता परीक्षण उपकरण ट्यूटोरियल
- शुरुआती के लिए गहराई से ग्रहण ट्यूटोरियल
- अभिगम्यता परीक्षण ट्यूटोरियल (स्टेप गाइड द्वारा एक पूरा कदम)
- वेब अनुप्रयोगों के लिए शीर्ष 20 पहुंच परीक्षण उपकरण
- सर्वश्रेष्ठ सॉफ्टवेयर परीक्षण उपकरण 2021 (क्यूए टेस्ट स्वचालन उपकरण)
- विनाशकारी परीक्षण और गैर विनाशकारी परीक्षण ट्यूटोरियल
- कार्यात्मक परीक्षण बनाम गैर-कार्यात्मक परीक्षण
- SOA परीक्षण ट्यूटोरियल: SOA आर्किटेक्चर मॉडल के लिए परीक्षण पद्धति