Web-Barrierefreiheit ist kein Nice-to-have – sie ist eine Notwendigkeit (und in der EU eine gesetzliche Anforderung).
Struktur¶
- ☐ Semantische HTML-Elemente (nav, main, article)
- ☐ Korrekte Heading-Hierarchie (h1->h2->h3)
- ☐ Skip-to-Content-Link
- ☐ Seitensprache (lang-Attribut)
- ☐ Beschreibende Seitentitel
Bilder und Medien¶
- ☐ Alt-Text bei Bildern
- ☐ Dekorative Bilder haben alt=”“
- ☐ Video hat Untertitel
- ☐ Audio hat Transkript
Navigation¶
- ☐ Per Tastatur navigierbar (Tab, Enter, Escape)
- ☐ Sichtbarer Fokusindikator
- ☐ Logische Fokusreihenfolge
- ☐ Keine Tastaturfallen
Formulare¶
- ☐ Labels mit Inputs verknuepft
- ☐ Beschreibende Fehlermeldungen
- ☐ Pflichtfelder gekennzeichnet
- ☐ Autofill-Hinweise (autocomplete-Attribut)
Farben und Kontrast¶
- ☐ Kontrastverhaeltnis >= 4.5:1 (Text)
- ☐ Informationen nicht nur durch Farbe vermittelt
- ☐ Dark-Mode-Unterstuetzung
- ☐ Beachtet prefers-reduced-motion
Testen¶
- ☐ axe DevTools Erweiterung
- ☐ Screenreader-Test (VoiceOver/NVDA)
- ☐ Nur-Tastatur-Navigationstest
- ☐ Lighthouse Accessibility Audit
Gesetzgebung¶
Der European Accessibility Act gilt ab 2025. Barrierefreiheit ist nicht optional.
accessibilityfrontendux