लोड हो रहा है...
HTML Accessibility
Accessibility = keyboard, screen reader, zoom से ज़्यादा लोग उपयोग करें। अच्छा HTML आधार है।
सीधा उत्तर
Semantic, labels, meaningful alt, headings, keyboard.
📊 Accessibility habits
| Habit | Why it helps |
|---|---|
| Semantic landmarks | Tools can jump to regions |
| Labels on controls | Names fields clearly |
| Alt on images | Describes non-text content |
| Logical headings | Outlines the page |
| Keyboard operable controls | Not everyone uses a pointer |
Accessible snippets
html
HTML Code
<nav aria-label="Main">
<a href="index.html">Home</a>
</nav>
<label for="q">Search</label>
<input id="q" name="q" type="search">
<img src="chart.png" alt="Bar chart: sales rose from 10 to 18">
<button type="submit">Search</button>आज़माएँ
- labels/alt audit
- one h1
- Tab only
- fix
आसान गलतियाँ
- click here
- no alt
- div only mouse
- ARIA patch
सारांश
- semantics+labels+alt
- keyboard
- HTML before ARIA
- inclusive
🧠 अपने ज्ञान की परीक्षा करें
शुरू करने के लिए तैयार
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
5
प्रश्न
70%
पास करने के लिए
∞
समय
∞
प्रयास
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी