ARIA
ARIA (Accessible Rich Internet Applications) ist eine Sammlung von HTML-Attributen, die assistiven Technologien zusätzliche semantische Informationen über Rolle, Zustand und Eigenschaften von Elementen liefern, wenn natives HTML dafür nicht ausreicht.
Kurz erklärt
ARIA ergänzt HTML um Attribute wie role, aria-label, aria-expanded oder aria-hidden, mit denen sich die Bedeutung und der Zustand von Elementen für Screenreader und andere assistive Technologien beschreiben lassen - besonders wichtig bei dynamischen oder per JavaScript erzeugten Komponenten wie Tabs, Akkordeons oder benutzerdefinierten Dropdown-Menüs, für die native HTML-Elemente keine passende Semantik mitbringen.
Beispiel
Ein per JavaScript gebautes Akkordeon-Element kann mit aria-expanded="true" bzw. "false" am auslösenden Button anzeigen, ob der zugehörige Inhalt gerade sichtbar ist - eine Information, die ein Screenreader sonst nicht automatisch erkennen könnte.
Warum ist das relevant?
Viele moderne Web-Interfaces bestehen aus interaktiven Komponenten, die es in HTML nicht nativ gibt. Ohne korrekt gesetzte ARIA-Attribute bleiben solche Komponenten für Screenreader-Nutzer oft unverständlich oder unbedienbar, selbst wenn sie visuell einwandfrei funktionieren.
Häufige Missverständnisse
ARIA wird gelegentlich pauschal als “Lösung” für Barrierefreiheitsprobleme verwendet - falsch gesetztes oder überflüssiges ARIA kann ein Element für assistive Technologien jedoch schlechter zugänglich machen als gar kein ARIA, etwa wenn eine role-Angabe der tatsächlichen nativen Semantik widerspricht. Wo ein natives HTML-Element (etwa <button> oder <nav>) dieselbe Funktion bereits mitbringt, ist semantisches HTML in der Regel die robustere Lösung.
Weiterführende Inhalte
Aus der Praxis
Die inoffizielle "erste Regel von ARIA" lautet, kein ARIA zu verwenden, wenn ein natives HTML-Element mit derselben Funktion existiert. Ein `<button>` ist von Haus aus per Tastatur bedienbar und wird von Screenreadern korrekt angekündigt - ein `<div role="button">` muss dieses Verhalten erst vollständig nachbauen (Fokussierbarkeit, Tastaturbedienung, korrekte Ankündigung), was in der Praxis häufig unvollständig geschieht.