JavaScript ist die Programmiersprache des Webs, mit der Websites interaktiv werden: Menüs öffnen, Formulare prüfen, Inhalte nachladen, Filter anwenden, Slider steuern. Moderne Frameworks wie React, Vue oder Svelte basieren darauf.
JavaScript und Barrierefreiheit
JavaScript ist kein Feind der Barrierefreiheit – im Gegenteil: Für Fokusführung in Dialogen, Statusmeldungen über Live Regions oder aktualisierte ARIA-Zustände ist es oft nötig. Häufige Fehler sind aber:
- Klick-Ereignisse auf
divoderspan, die per Tastatur nicht erreichbar sind - Fokusverlust nach dem Öffnen oder Schließen von Elementen
- Dynamische Änderungen ohne Ansage für Screenreader
- Tastaturfallen, aus denen man nicht mehr herauskommt
- Single-Page-Apps, die beim Seitenwechsel weder Titel noch Fokus aktualisieren
- Hover-only-Interaktionen ohne Tastatur- oder Touch-Alternative
Best Practices
- Progressive Enhancement: Grundfunktionen funktionieren auch ohne Skript.
- Native HTML-Elemente nutzen und JavaScript nur ergänzen.
- Bewährte, geprüfte Muster aus der ARIA Authoring Practices Guide (APG) umsetzen.
- Mit Tastatur und Screenreader testen.
Häufige Fragen
Muss eine barrierefreie Website ohne JavaScript funktionieren?
Nicht zwingend – die WCAG erlauben JavaScript. Kernfunktionen sollten aber robust sein und auch bei Ladefehlern zugänglich bleiben.
Sind JavaScript-Frameworks schlecht für Barrierefreiheit?
Nein, aber sie verlangen Sorgfalt bei Routing, Fokus und Semantik.
Verwandte Begriffe: DOM, Progressive Enhancement, Live Regions, Tastaturbedienbar