Screenreader, Semantik, ARIA
Nutze diesen Skill, wenn die Website optisch funktioniert, aber semantisch unklar ist.
Prüfschritte
- Seitentitel und Sprache.
- Landmarken: header, nav, main, footer, aside.
- Überschriftenstruktur.
- Links und Buttons mit verständlichem Namen.
- Formularlabels und Fehlermeldungen.
- Bilder und Icons mit sinnvollen Alternativen oder dekorativer Ausblendung.
- ARIA nur dort, wo native HTML-Semantik nicht reicht.
- Live-Regionen für dynamische Statusmeldungen.
Merksatz
Schlechtes HTML wird durch ARIA selten besser. Erst native Semantik, dann ARIA gezielt.
Output
Problem:
Betroffene Komponente:
Screenreader-Auswirkung:
Empfohlener Fix:
Prüfung nach Fix: