Lädt...
HTML-Barrierefreiheit
Barrierefreiheit heißt: mehr Menschen können die Seite nutzen — Tastatur, Screenreader, Zoom. Gutes HTML ist die Basis.
Direkte Antwort
Semantik, Labels, sinnvolles alt, logische Überschriften, Tastaturbedienung.
📊 Barrierefreiheits-Gewohnheiten
| 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>Ausprobieren
- Labels/alt prüfen
- ein h1, keine wilden Sprünge
- nur Tab
- reparieren
Typische Fehler
- „Hier klicken“
- Bild ohne alt
- klickbare divs
- ARIA statt HTML
Zusammenfassung
- Semantik+Labels+alt
- Tastatur zählt
- HTML vor ARIA
- hilft allen
🧠 Testen Sie Ihr Wissen
Bereit zum Start
Testen Sie Ihr Wissen
Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen
5
Fragen
70%
Zum Bestehen
∞
Zeit
∞
Versuche
📝 Anweisungen
- Lesen Sie jede Frage sorgfältig
- Wählen Sie die beste Antwort für jede Frage
- Sie können das Quiz so oft wiederholen, wie Sie möchten
- Ihr Fortschritt wird oben angezeigt