वेब एक्सेसिबिलिटी: स्क्रीन रीडर उपयोगकर्ताओं के लिए अपनी वेबसाइट को अनुकूलित करना

आज के डिजिटल युग में, वेब एक्सेसिबिलिटी केवल एक अच्छी सुविधा नहीं है; यह एक मौलिक आवश्यकता है। एक सुलभ (accessible) वेबसाइट यह सुनिश्चित करती है कि विकलांग व्यक्ति, जिनमें वे लोग भी शामिल हैं जो स्क्रीन रीडर पर निर्भर हैं, वेब को समझ सकें, नेविगेट कर सकें और उसके साथ इंटरैक्ट कर सकें।

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

स्क्रीन रीडर क्या है?

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

JAWS (Job Access With Speech): विंडोज के लिए व्यापक रूप से उपयोग किया जाने वाला स्क्रीन रीडर।
NVDA (NonVisual Desktop Access): विंडोज के लिए एक मुफ्त और ओपन-सोर्स स्क्रीन रीडर।
VoiceOver: macOS और iOS के लिए Apple का अंतर्निहित स्क्रीन रीडर।
ChromeVox: गूगल क्रोम और क्रोम ओएस के लिए एक स्क्रीन रीडर एक्सटेंशन।
Orca: लिनक्स के लिए एक मुफ्त और ओपन-सोर्स स्क्रीन रीडर।

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

स्क्रीन रीडर ऑप्टिमाइज़ेशन क्यों महत्वपूर्ण है?

अपनी वेबसाइट को स्क्रीन रीडर के लिए अनुकूलित करने से कई लाभ मिलते हैं:

समावेशिता: यह सुनिश्चित करता है कि दृष्टिबाधित उपयोगकर्ता आपकी वेबसाइट तक प्रभावी ढंग से पहुँच सकें और उसका उपयोग कर सकें।
कानूनी अनुपालन: कई देशों में वेब एक्सेसिबिलिटी की आवश्यकता वाले कानून और नियम हैं (उदाहरण के लिए, संयुक्त राज्य अमेरिका में अमेरिकी विकलांगता अधिनियम (ADA), कनाडा में ओंटारियो विकलांगता अधिनियम (AODA), और यूरोप में EN 301 549)।
बेहतर उपयोगकर्ता अनुभव: सुलभ डिज़ाइन अक्सर सभी उपयोगकर्ताओं के लिए, विकलांगता की परवाह किए बिना, एक बेहतर उपयोगकर्ता अनुभव प्रदान करता है।
व्यापक दर्शक पहुंच: अपनी वेबसाइट को सुलभ बनाकर, आप इसे एक बड़े संभावित दर्शक वर्ग के लिए खोलते हैं।
एसईओ (SEO) लाभ: सर्च इंजन सुलभ वेबसाइटों को पसंद करते हैं, जिससे आपकी सर्च इंजन रैंकिंग में सुधार हो सकता है।

स्क्रीन रीडर ऑप्टिमाइज़ेशन के मुख्य सिद्धांत

निम्नलिखित सिद्धांत स्क्रीन रीडर-अनुकूल वेबसाइट बनाने के लिए आवश्यक हैं:

1. सिमेंटिक एचटीएमएल (Semantic HTML)

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

उदाहरण:

साइट हेडर के लिए <header> का उपयोग करें।
नेविगेशन मेनू के लिए <nav> का उपयोग करें।
मुख्य सामग्री क्षेत्र के लिए <main> का उपयोग करें।
स्वतंत्र सामग्री ब्लॉकों को समाहित करने के लिए <article> का उपयोग करें।
पूरक सामग्री के लिए <aside> का उपयोग करें।
साइट फुटर के लिए <footer> का उपयोग करें।
शीर्षकों के लिए <h1> से <h6> का उपयोग करें।
पैराग्राफ के लिए <p> का उपयोग करें।
सूचियों के लिए <ul> और <ol> का उपयोग करें।

उदाहरण कोड:

<header>
  <h1>मेरी वेबसाइट</h1>
  <nav>
    <ul>
      <li><a href="#">होम</a></li>
      <li><a href="#">हमारे बारे में</a></li>
      <li><a href="#">सेवाएं</a></li>
      <li><a href="#">संपर्क</a></li>
    </ul>
  </nav>
</header>

<main>
  <article>
    <h2>लेख का शीर्षक</h2>
    <p>यह लेख की मुख्य सामग्री है।</p>
  </article>
</main>

<footer>
  <p>कॉपीराइट 2023</p>
</footer>

2. छवियों के लिए वैकल्पिक टेक्स्ट (Alt Text)

छवियों में हमेशा वर्णनात्मक वैकल्पिक टेक्स्ट (ऑल्ट टेक्स्ट) होना चाहिए जो स्क्रीन रीडर उपयोगकर्ताओं को छवि की सामग्री और उद्देश्य बताता है। ऑल्ट टेक्स्ट संक्षिप्त और जानकारीपूर्ण होना चाहिए।

सर्वोत्तम प्रथाएं:

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

उदाहरण कोड:

<img src="logo.png" alt="कंपनी का लोगो"> <img src="decorative.png" alt="">

3. आरिया एट्रिब्यूट्स (ARIA Attributes)

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

सामान्य आरिया एट्रिब्यूट्स:

role: किसी तत्व की भूमिका को परिभाषित करता है (उदाहरण के लिए, role="button", role="navigation")।
aria-label: किसी तत्व के लिए एक टेक्स्ट लेबल प्रदान करता है जब कोई दृश्य लेबल मौजूद नहीं होता है या पर्याप्त नहीं होता है।
aria-labelledby: एक तत्व को दूसरे तत्व से जोड़ता है जो उसके लेबल के रूप में कार्य करता है।
aria-describedby: एक तत्व को दूसरे तत्व से जोड़ता है जो एक विवरण प्रदान करता है।
aria-hidden: स्क्रीन रीडर से एक तत्व को छुपाता है।
aria-live: इंगित करता है कि किसी तत्व की सामग्री गतिशील रूप से अपडेट की जाती है (उदाहरण के लिए, aria-live="polite", aria-live="assertive")।
aria-expanded: इंगित करता है कि एक बंधनेवाला (collapsible) तत्व वर्तमान में विस्तारित है या ढह गया है।
aria-haspopup: इंगित करता है कि किसी तत्व में एक पॉपअप मेनू है।

उदाहरण कोड:

<button role="button" aria-label="डायलॉग बंद करें" onclick="closeDialog()">X</button>

<div id="description">यह छवि का विवरण है।</div>
<img src="example.jpg" aria-describedby="description" alt="उदाहरण छवि">

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

4. कीबोर्ड नेविगेशन

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

सर्वोत्तम प्रथाएं:

फोकस संकेतक: सुनिश्चित करें कि सभी इंटरैक्टिव तत्वों (जैसे, लिंक, बटन, फॉर्म फ़ील्ड) का चयन होने पर एक स्पष्ट और दृश्यमान फोकस संकेतक हो। :focus स्थिति को स्टाइल करने के लिए सीएसएस (CSS) का उपयोग करें।
टैब ऑर्डर: टैब ऑर्डर को पृष्ठ के तार्किक पठन क्रम (आमतौर पर बाएं-से-दाएं, ऊपर-से-नीचे) का पालन करना चाहिए। यदि आवश्यक हो तो टैब ऑर्डर को समायोजित करने के लिए tabindex एट्रिब्यूट का उपयोग करें। tabindex="0" और tabindex="-1" का उपयोग तब तक करने से बचें जब तक कि यह बिल्कुल आवश्यक न हो, क्योंकि गलत तरीके से उपयोग किए जाने पर वे एक्सेसिबिलिटी समस्याएं पैदा कर सकते हैं।
स्किप नेविगेशन लिंक: पृष्ठ के शीर्ष पर एक "स्किप नेविगेशन" लिंक प्रदान करें जो उपयोगकर्ताओं को मुख्य नेविगेशन मेनू को बायपास करने और सीधे मुख्य सामग्री पर जाने की अनुमति देता है। यह उन उपयोगकर्ताओं के लिए विशेष रूप से सहायक है जो स्क्रीन रीडर का उपयोग करते हैं, क्योंकि यह हर पृष्ठ पर दोहराए जाने वाले नेविगेशन लिंक के माध्यम से नेविगेट करने की आवश्यकता को कम करता है।
मोडल डायलॉग्स: जब एक मोडल डायलॉग खोला जाता है, तो सुनिश्चित करें कि फोकस डायलॉग के भीतर तब तक फंसा रहता है जब तक कि वह बंद न हो जाए। उपयोगकर्ताओं को डायलॉग के बाहर टैब करने से रोकें।

उदाहरण कोड (स्किप नेविगेशन लिंक):

<a href="#main-content" class="skip-link">मुख्य सामग्री पर जाएं</a>

<header>
  <nav>
    <!-- नेविगेशन मेनू -->
  </nav>
</header>

<main id="main-content">
  <!-- मुख्य सामग्री -->
</main>

उदाहरण कोड (फोकस संकेतक के लिए सीएसएस):

a:focus, button:focus, input:focus, textarea:focus, select:focus {
  outline: 2px solid blue;
  outline-offset: 2px;
}

5. फॉर्म एक्सेसिबिलिटी

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

सर्वोत्तम प्रथाएं:

लेबलिंग: फॉर्म फ़ील्ड के साथ लेबल जोड़ने के लिए <label> तत्व का उपयोग करें। <label> तत्व का for एट्रिब्यूट संबंधित फॉर्म फ़ील्ड के id एट्रिब्यूट से मेल खाना चाहिए।
निर्देश: फॉर्म भरने के लिए स्पष्ट और संक्षिप्त निर्देश प्रदान करें। निर्देशों को फॉर्म फ़ील्ड से जोड़ने के लिए aria-describedby एट्रिब्यूट का उपयोग करें।
त्रुटि प्रबंधन: त्रुटि संदेशों को स्पष्ट और प्रमुख रूप से प्रदर्शित करें। स्क्रीन रीडर उपयोगकर्ताओं को त्रुटि संदेशों की घोषणा करने के लिए aria-live एट्रिब्यूट का उपयोग करें। aria-describedby एट्रिब्यूट का उपयोग करके त्रुटि संदेशों को संबंधित फॉर्म फ़ील्ड से जोड़ें।
आवश्यक फ़ील्ड्स: आवश्यक फ़ील्ड्स को स्पष्ट रूप से, दृश्य और प्रोग्रामेटिक रूप से इंगित करें। आवश्यक फ़ील्ड्स को चिह्नित करने के लिए required एट्रिब्यूट का उपयोग करें। स्क्रीन रीडर उपयोगकर्ताओं को यह इंगित करने के लिए aria-required एट्रिब्यूट का उपयोग करें कि एक फ़ील्ड आवश्यक है।
संबंधित फ़ील्ड्स को समूहीकृत करना: संबंधित फॉर्म फ़ील्ड्स को समूहीकृत करने के लिए <fieldset> और <legend> तत्वों का उपयोग करें।

उदाहरण कोड:

<label for="name">नाम:</label>
<input type="text" id="name" name="name" required aria-required="true">

<div id="name-instructions">कृपया अपना पूरा नाम दर्ज करें।</div>
<label for="name">नाम:</label>
<input type="text" id="name" name="name" aria-describedby="name-instructions">

<form>
  <fieldset>
    <legend>संपर्क जानकारी</legend>
    <label for="email">ईमेल:</label>
    <input type="email" id="email" name="email" required aria-required="true"><br><br>
    <label for="phone">फ़ोन:</label>
    <input type="tel" id="phone" name="phone">
  </fieldset>
</form>

6. गतिशील सामग्री की एक्सेसिबिलिटी

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

आरिया लाइव क्षेत्र (ARIA Live Regions):

aria-live="off": डिफ़ॉल्ट मान। क्षेत्र के अपडेट की घोषणा नहीं की जाती है।
aria-live="polite": जब उपयोगकर्ता निष्क्रिय होता है तो अपडेट की घोषणा करता है। यह सबसे आम और अनुशंसित मान है।
aria-live="assertive": उपयोगकर्ता को बाधित करते हुए तुरंत अपडेट की घोषणा करता है। इस मान का संयम से उपयोग करें, क्योंकि यह विघटनकारी हो सकता है।

उदाहरण कोड:

<div aria-live="polite" id="status-message"></div>

<script>
  // जब सामग्री अपडेट हो, तो स्थिति संदेश को अपडेट करें
  document.getElementById('status-message').textContent = "सामग्री सफलतापूर्वक अपडेट हो गई!";
</script>

7. रंग कंट्रास्ट (Color Contrast)

सुनिश्चित करें कि टेक्स्ट और पृष्ठभूमि रंगों के बीच पर्याप्त रंग कंट्रास्ट हो। यह कम दृष्टि या रंग अंधापन वाले उपयोगकर्ताओं के लिए महत्वपूर्ण है। वेब सामग्री एक्सेसिबिलिटी दिशानिर्देश (WCAG) के अनुसार सामान्य टेक्स्ट के लिए कम से कम 4.5:1 और बड़े टेक्स्ट के लिए 3:1 का कंट्रास्ट अनुपात आवश्यक है।

रंग कंट्रास्ट जांचने के लिए उपकरण:

WebAIM Color Contrast Checker (webaim.org/resources/contrastchecker/)
Coolors (coolors.co)
Adobe Color (color.adobe.com)

8. मीडिया एक्सेसिबिलिटी

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

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

9. स्क्रीन रीडर के साथ परीक्षण

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

परीक्षण उपकरण:

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

WAVE (Web Accessibility Evaluation Tool)
axe DevTools
Lighthouse (in Chrome DevTools)

स्क्रीन रीडर के साथ परीक्षण के लिए टिप्स:

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

WCAG (वेब सामग्री एक्सेसिबिलिटी दिशानिर्देश)

वेब सामग्री एक्सेसिबिलिटी दिशानिर्देश (WCAG) वेब सामग्री को अधिक सुलभ बनाने के लिए अंतरराष्ट्रीय स्तर पर मान्यता प्राप्त दिशानिर्देशों का एक सेट है। WCAG को वर्ल्ड वाइड वेब कंसोर्टियम (W3C) द्वारा विकसित किया गया है और वेब एक्सेसिबिलिटी के लिए एक मानक के रूप में व्यापक रूप से उपयोग किया जाता है।

WCAG को चार सिद्धांतों के आसपास आयोजित किया गया है, जिन्हें POUR के नाम से जाना जाता है:

प्रत्यक्षणीय (Perceivable): जानकारी और उपयोगकर्ता इंटरफ़ेस घटकों को उपयोगकर्ताओं के सामने उन तरीकों से प्रस्तुत किया जाना चाहिए जिन्हें वे समझ सकें।
संचालनीय (Operable): उपयोगकर्ता इंटरफ़ेस घटक और नेविगेशन संचालनीय होने चाहिए।
समझने योग्य (Understandable): जानकारी और उपयोगकर्ता इंटरफ़ेस का संचालन समझने योग्य होना चाहिए।
मजबूत (Robust): सामग्री इतनी मजबूत होनी चाहिए कि इसे विभिन्न प्रकार के उपयोगकर्ता एजेंटों, जिसमें सहायक प्रौद्योगिकियां भी शामिल हैं, द्वारा मज़बूती से व्याख्या की जा सके।

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

निष्कर्ष

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

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

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

WebAIM: https://webaim.org/
W3C Web Accessibility Initiative (WAI): https://www.w3.org/WAI/
Deque University: https://dequeuniversity.com/