←  Alle Begriffe
A
Barrierefreiheit

ARIA

ARIA ergänzt HTML um semantische Informationen für assistive Technologien, wenn native HTML-Elemente nicht ausreichen.

ARIA ergänzt HTML um semantische Informationen für assistive Technologien, wenn native HTML-Elemente nicht ausreichen. Die Umsetzung sollte native Webstandards bevorzugen und automatisierte Prüfungen durch Tests mit Tastatur und assistiven Technologien ergänzen. Verwandte Begriffe sind Semantisches HTML und Screenreader.

Weiterlesen

Semantisches HTML

Screenreader

Barrierefreiheit

Tastaturnavigation

FAQ

ARIA

Wie lässt sich prüfen, ob ARIA korrekt umgesetzt ist?
Automatische Prüfungen finden ungültige Attribute und Rollen. Ob Bezeichnung und Zustand sinnvoll klingen, zeigt erst ein Test mit Screenreader und Tastatur. Ratsam ist die Prüfung in mindestens einer gängigen Kombination aus Browser und Screenreader, da die Ausgabe je nach Kombination abweichen kann.
Was unterscheidet ARIA von semantischem HTML?
Semantisches HTML bringt Rolle, Zustand und Tastaturverhalten von Haus aus mit, ARIA liefert nur zusätzliche Beschreibungen für assistive Technologien. Native Elemente sind daher wartungsärmer und weniger fehleranfällig. ARIA ergänzt, wo HTML Lücken lässt, und ersetzt es nicht. Das senkt Fehlerquellen bei jedem späteren Umbau.
Welche typischen Fehler entstehen bei der Nutzung von ARIA?
Häufig sind widersprüchliche Rollen, nicht aktualisierte Zustände wie aria-expanded und Attribute auf Elementen, die sie nicht unterstützen. ARIA ändert nur, was assistive Technologien erfahren, nicht das Verhalten. Tastaturbedienung und Fokusführung müssen weiterhin im Code umgesetzt werden. Deshalb gehört jede ARIA-Umsetzung in einen Test.
Wann sollte ARIA eingesetzt werden und wann nicht?
ARIA kommt nur zum Einsatz, wenn kein natives HTML-Element die gewünschte Semantik liefert, etwa bei Tab-Komponenten oder Live-Regionen. Ein button ist besser als ein div mit role=button. Falsch gesetzte ARIA-Attribute verschlechtern die Zugänglichkeit oft stärker als ein Verzicht darauf. Die Grundregel lautet: erst natives HTML, dann ARIA.