विकलांग लोगों के लिए अपनी वेबसाइट को सुलभ कैसे बनाएं

प्रकटीकरण: आपका समर्थन साइट को चालू रखने में मदद करता है! हम इस पृष्ठ पर हमारे द्वारा सुझाई गई कुछ सेवाओं के लिए एक रेफरल शुल्क कमाते हैं.


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

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

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

एक सुलभ वेबसाइट बनाने के लिए युक्तियाँ

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

कुछ मामलों में, जैसे कि रंग अंधापन के मामले में, कोई सहायक तकनीकों का उपयोग नहीं किया जाता है। इसके बजाय, इन वेबसाइटों तक पहुँचने वाली वेबसाइटें इन मुद्दों पर विचार करती हैं क्योंकि वे अपनी वेबसाइट डिज़ाइन करते हैं, और दृश्य तत्वों का उचित उपयोग करते हैं.

संक्षेप में, W3C के अनुसार: “वेब एक्सेसिबिलिटी का अर्थ है कि विकलांग लोग वेब का उपयोग कर सकते हैं” (स्रोत) विकलांगता की परवाह किए बिना। पहुँच के उस स्तर तक पहुँचना वेब सामग्री एक्सेसिबिलिटी गाइडलाइन्स (WCAG) 2.0 का लक्ष्य है, जो W3C से वर्तमान लागू मानक है.

माइंड में एक्सेसिबिलिटी के साथ अपना प्रोजेक्ट शुरू करें

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

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

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

अंत में, अपनी परियोजना शुरू करने से पहले, WCAG 2.0 में की गई सिफारिशों की समीक्षा करें। इस दस्तावेज़ में की गई अनुशंसाओं का पालन करने से यह सुनिश्चित करने में मदद मिलेगी कि आपकी वेबसाइट की सामग्री विचारशील, संचालन योग्य, समझने योग्य और मजबूत है.

HTML को ठीक से संरचना करें

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

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

दृश्य सामग्री के साथ काम करना

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

रंग पर अकेले कभी नहीं निर्भरता जानकारी

एक प्रपत्र जो आवश्यक फ़ील्ड की पहचान करने के लिए रंग का उपयोग करता है, उन आगंतुकों के लिए एक समस्या उत्पन्न करेगा जो रंग के अंधे हैं, या जो स्क्रीन रीडर का उपयोग कर रहे हैं। इसी समय, अन्य उपयोगकर्ताओं को जानकारी के बारे में बताने के लिए रंगों के उपयोग से बहुत लाभ होता है। Takeaway यह है कि आपको रंग का उपयोग करना चाहिए, लेकिन आपको महत्वपूर्ण जानकारी संप्रेषित करने के अन्य तरीकों का भी उपयोग करना चाहिए.

गंभीर जानकारी देने के लिए CSS का उपयोग न करें

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

ऑडियो और वीडियो सामग्री के लिए विकल्प प्रदान करें

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

वर्णनात्मक लिंक पाठ का उपयोग करें

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

गतिशील सामग्री का उपयोग करते समय सावधानी बरतें

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

ARIA रोल्स के बारे में जानें और उनका उपयोग करें

वेब एक्सेसिबिलिटी इनिशिएटिव एक्सेसिबल रिच इंटरनेट एप्लिकेशन (डब्ल्यूएआई-एआरआईए) की सिफारिश डब्ल्यू 3 सी विनिर्देश है जो वेबसाइट डेवलपर्स को गतिशील सामग्री को अधिक सुलभ बनाने में मदद करने के लिए डिज़ाइन किया गया है। संपूर्ण ARIA विनिर्देश डेवलपर्स द्वारा गंभीर शोध का गुणन करते हैं, लेकिन जो कोई भी HTML लिखता है उसे नई भूमिका विशेषता और aria- लेबल विशेषता के बारे में जानने के लिए समय निकालना चाहिए जो किसी भी HTML तत्व को सौंपा जा सकता है। इन विशेषताओं में कुछ ख़राबियों वाले आगंतुकों को गतिशील वेबसाइटों को नेविगेट करने में मदद करने में महत्वपूर्ण भूमिका निभाई जाती है.

बस एक कीबोर्ड का उपयोग कर आगंतुकों के लिए कार्यक्षमता को संरक्षित करें

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

पहुँच के लिए जाँच कर रहा है

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

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

अतिरिक्त संसाधन

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

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

Google वेब एक्सेसिबिलिटी कोर्स के लिए एक निःशुल्क परिचय भी प्रदान करता है जो आपको सुलभ वेबसाइटों के निर्माण की मूल बातें सिखाएगा और यह दिखाएगा कि एक्सेस के लिए आपकी साइट का परीक्षण करने के लिए क्रोम वेब ब्राउज़र में एक्सेसिबिलिटी टूल का उपयोग कैसे करें।.

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

WebAIM वेब को और अधिक सुलभ बनाने के लिए समर्पित एक अन्य संगठन है, और वे विभिन्न उपकरणों के बारे में सीखने के लिए कई उपयोगी संसाधन प्रदान करते हैं, जिनमें निम्नलिखित उपकरण और सिमुलेशन शामिल हैं:

  • धारा 508 चेकलिस्ट: यह सहायक चेकलिस्ट यह सुनिश्चित करने में मदद करेगी कि आपका डिजाइन धारा 508 आवश्यकताओं के अनुरूप है.
  • WCAG 2.0 चेकलिस्ट: यदि आपका लक्ष्य वेब कंटेंट एक्सेसिबिलिटी गाइडलाइंस (WCAG) 2.0 का अनुपालन करना है, तो यह चेकलिस्ट आपको यह सत्यापित करने में मदद करेगी कि आपका डिज़ाइन मानक तक है.
  • रंग कंट्रास्ट चेकर: बस यह निर्धारित करने के लिए फ़ॉन्ट रंग और पृष्ठभूमि रंग दर्ज करें कि दोनों के बीच विपरीत WCAG मानकों को पूरा करता है या नहीं.
  • स्क्रीन रीडर सिमुलेशन: स्क्रीन रीडर का उपयोग करने वाले विज़िटर इस सिमुलेशन के साथ वेब का अनुभव करने के तरीके के बारे में समझें.
  • कम दृष्टि सिमुलेशन: यह सिमुलेशन आपको एक वेबसाइट को इस तरह से देखने की अनुमति देता है जो विभिन्न दृष्टि दोषों जैसे ग्लूकोमा, मोतियाबिंद, और धब्बेदार अध: पतन के प्रभाव की नकल करता है।.
  • डिस्लेक्सिया सिमुलेशन: यह सरल अभ्यास आपको डिस्लेक्सिया के साथ प्रयास करने और पढ़ने के लिए क्या पसंद है, इसका एहसास दिलाएगा ताकि आप वेब पर नेविगेट करने में आने वाले आगंतुकों द्वारा सामना की जाने वाली चुनौतियों से अधिक प्रशंसा अर्जित करें।.
  • डिस्ट्रेक्टिबिलिटी सिमुलेशन: यह सिमुलेशन आपको विकर्षण से पीड़ित होने के प्रभाव की भावना देगा और आपको विचलित करने के लिए डिज़ाइन की गई वेबसाइटों के मूल्य की सराहना करने में मदद करेगा।.
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map