Yükleniyor...
HTML Erişilebilirlik
Erişilebilirlik daha çok kişinin sayfayı kullanması — klavye, ekran okuyucu, zoom. İyi HTML temeldir.
Doğrudan yanıt
Semantik, label, anlamlı alt, mantıklı başlıklar, klavye.
📊 Erişilebilirlik alışkanlıkları
| 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>Dene
- label/alt denetle
- bir h1
- Tab
- düzelt
Kolay hatalar
- click here
- alt yok
- div klavyesiz
- ARIA yama
Özet
- semantik+label+alt
- klavye
- HTML önce
- kapsayıcı
🧠 Bilginizi Test Edin
Başlamaya Hazır
Bilginizi Test Edin
Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör
5
Sorular
70%
Geçmek İçin
∞
Süre
∞
Deneme
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek