अपनी वर्डप्रेस साइट का एक्सेसिबिलिटी ऑडिट कैसे करें

अपनी वर्डप्रेस साइट का एक्सेसिबिलिटी ऑडिट कैसे करें

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

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

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

लेकिन अपनी वेबसाइट को सुलभ बनाना मुकदमों से बचने के बारे में नहीं है। ऐसा करना सही है—समावेशीता को ध्यान में रखते हुए साइटों को डिज़ाइन और विकसित करना इसका मतलब है आप सभी उपयोगकर्ताओं और लोगों को समान रूप से महत्व देते हैं और उनका सम्मान करते हैं.

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

1. डब्लुसीएजी 2.0 के साथ खुद को परिचित करना

सबसे पहली बात: W3C’s में स्क्रॉल करें वेब सामग्री अभिगम्यता दिशानिर्देश 2.0 (डब्लुसीएजी 2.0). समझने के लिए बहुत कुछ है, लेकिन आपको इसे पूरी तरह से पढ़ने की ज़रूरत नहीं है, बस अपने आप को 12 बुनियादी श्रेणियों से परिचित कराएं और प्रत्येक में क्या शामिल है ताकि आप इसमें शामिल दिशानिर्देशों की बेहतर समझ प्राप्त कर सकें।

यह कहना कोई बड़ी अतिशयोक्ति नहीं है कि WCAG 2.0 दिशानिर्देश आपकी वेबसाइट के लगभग हर हिस्से पर स्पर्श करेंगे, कोड से लेकर सामग्री तक छवियों तक। लेकिन प्रत्येक दिशानिर्देश का एक उद्देश्य होता है।

उदाहरण के लिए, डब्लुसीएजी 2.0 दिशानिर्देशों में शामिल हैं:

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

एक वेबसाइट जो डब्लुसीएजी 2.0 का अनुपालन करती है उसे सार्वभौमिक पहुंच की एक निश्चित सीमा को पूरा करना चाहिए। यह जानना कि आपकी वेबसाइट कहां है, अमूल्य और चुनौतीपूर्ण दोनों हो सकती है।

यह कदम होगा: आपको अपने बियरिंग्स प्राप्त करने में सहायता करें और आपको जो काम करने की ज़रूरत है उसे समझने में सहायता करें।

2. आपका कोड मान्य करना

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

क्योंकि W3C, अनिवार्य रूप से, वेब का पेशेवर नियामक निकाय है, इसका सत्यापन उपकरण अक्सर आपकी वेबसाइट एक्सेसिबिलिटी ऑडिट में एक सूचनात्मक अगला चरण होता है। उस ने कहा, यह उपकरण संपूर्ण नहीं है और आपका ऑडिट संभवतः कई और चरणों के माध्यम से जारी रहेगा।

मार्कअप सत्यापन उपकरण:

  • HTML, XHTML और SMIL सहित अपनी वेबसाइट के मूल मार्कअप का परीक्षण करें।
  • आवश्यक ऑल्ट टेक्स्ट मार्कअप के लिए सभी छवियों की जाँच करें
  • यह सुनिश्चित करने के लिए अपनी वेबसाइट की संरचना देखें कि आपके कोड का शब्दार्थ WCAG 2.0 अनुपालन मानकों के अनुरूप है
  • केवल उस URL के पृष्ठ को देखें जिस ओर आपने टूल को निर्देशित किया है; अपने समग्र अनुपालन का अंदाज़ा लगाने के लिए आपको अपने वेबसाइट पृष्ठ का पृष्ठ दर पृष्ठ (या प्रतिनिधि नमूना लेकर) परीक्षण करना होगा।

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

यह कदम होगा: मौलिक मार्कअप और सिमेंटिक त्रुटियों को उजागर करने में आपकी सहायता करें जो आपके पृष्ठों पर दिखाई दे सकती हैं।

3. स्क्रीन रीडर संगतता के लिए जाँच करना

चूंकि कई विकलांग उपयोगकर्ता इसका उपयोग करेंगे स्क्रीन पढ़ने की तकनीक आपकी साइट के उनके उपयोग में सहायता करने के लिए, यह अविश्वसनीय रूप से महत्वपूर्ण है कि आपकी साइट ऐसे उपकरण के माध्यम से संसाधित होने पर अच्छा प्रदर्शन करे।

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

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

स्क्रीन रीडर सिम्युलेट करने से आपको निम्न में मदद मिलेगी:

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

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

4. अपनी साइट सामग्री की समीक्षा करना (वीडियो सहित)

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

लेखों, छवियों, वीडियो, पॉडकास्ट और अन्य मीडिया सहित अपनी सामग्री का ऑडिट करते समय, ऐसे कई प्रश्न हैं जो आप स्वयं से पूछ सकते हैं:

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

यह कदम होगा: आपकी वेबसाइट पर सामग्री के लिए ताकत और अवसरों की पहचान करने में आपकी सहायता करें। वीडियो से लेकर लेख तक, आपकी सामग्री को जितना संभव हो सके सुलभ होने का प्रयास करना चाहिए। वेब एक्सेसिबिलिटी और SEO के बीच घनिष्ठ संबंध को न भूलें।

5. उपयोगकर्ता परीक्षण

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

आदर्श रूप से, विकलांग उपयोगकर्ताओं द्वारा उपयोगकर्ता परीक्षण किए जाने चाहिए। यह महत्वपूर्ण है कि आपके परीक्षण उपयोगकर्ता:

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

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

6. कार्रवाई योग्य कार्यों की एक चेकलिस्ट बनाना

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

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

भविष्य की वेबसाइट परियोजनाओं के लिए एक एक्सेसिबिलिटी चेकलिस्ट विकसित करते समय, यहाँ कुछ बातों पर विचार किया जाना चाहिए:

  • उन कार्यों को विभाजित करें जिन्हें पूरा करना आसान है और किन उद्देश्यों को लागू करने में अधिक समय लग सकता है।
  • ध्यान दें कि सामग्री को बदलकर कौन से कार्य आसानी से पूरे किए जा सकते हैं और किन कार्यों को लागू करने के लिए एक अच्छे डेवलपर की आवश्यकता होगी।
  • कुछ कार्यों को करने के लिए किसी विशेषज्ञ या विशिष्ट अनुभव वाले किसी व्यक्ति की आवश्यकता हो सकती है; उन कार्यों को समय से पहले नोट किया जाना चाहिए
  • यदि आप एक चेकलिस्ट के अतिरिक्त एक टाइमलाइन विकसित कर रहे हैं, तो परीक्षण और समस्या निवारण के लिए जगह छोड़ना सुनिश्चित करें
  • इस बारे में विचार-विमर्श करें कि आप किस स्तर के अनुपालन को प्राप्त करना चाहते हैं; स्पष्ट करें कि कौन से कार्य A स्तर, AA स्तर या यहाँ तक कि AAA स्तर के कार्य हैं।
  • विशिष्ट अनुपालन मानदंडों के साथ अपनी चेकलिस्ट का मिलान करें ताकि आप जान सकें कि आप प्रत्येक चरण में अंततः क्या हासिल करने का प्रयास कर रहे हैं।

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

किसी के द्वारा सुलभ वेबसाइटों का विकास करना

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

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



अपनी वर्डप्रेस साइट का एक्सेसिबिलिटी ऑडिट कैसे करें अपनी वर्डप्रेस साइट का एक्सेसिबिलिटी ऑडिट कैसे करें

प्रातिक्रिया दे

आपका ईमेल पता प्रकाशित नहीं किया जाएगा. आवश्यक फ़ील्ड चिह्नित हैं *