Glossar · A
ARIA (Accessible Rich Internet Applications): Dynamische Inhalte barrierefrei machen
ARIA (Accessible Rich Internet Applications) ist eine technische Spezifikation, die es ermöglicht, dynamische und interaktive Web-Inhalte für assistive Technologien wie Screenreader zugänglich zu machen. ARIA ergänzt den HTML-Code um zusätzliche Attribute, die Rollen, Zustände und Eigenschaften von Elementen beschreiben. Es kommt vor allem dort zum Einsatz, wo Standard-HTML allein nicht ausreicht, etwa bei komplexen Menüs, Formularen oder Dialogfenstern.
Wie funktioniert ARIA (Accessible Rich Internet Applications)?
ARIA fügt HTML-Elementen zusätzliche Attribute hinzu, die Screenreadern mitteilen, welche Funktion ein Element hat und in welchem Zustand es sich befindet. So kann etwa ein per JavaScript erstelltes Dropdown-Menü für Screenreader-Nutzende korrekt als solches erkannt werden.
Zu den zentralen ARIA-Konzepten zählen:
- Rollen (roles): Definieren, um welche Art von Element es sich handelt, zum Beispiel Button, Dialog oder Navigation.
- Zustände (states): Geben an, ob ein Element etwa aktiv, ausgeklappt oder deaktiviert ist.
- Eigenschaften (properties): Liefern zusätzliche Informationen, etwa eine Beschriftung für ein Element ohne sichtbaren Text.
- Live-Regionen: Informieren Screenreader über dynamische Inhaltsänderungen, ohne dass die Seite neu geladen wird.
Warum ist ARIA (Accessible Rich Internet Applications) wichtig?
Ohne ARIA wären viele moderne, interaktive Websites für Screenreader-Nutzende kaum bedienbar, da Standard-HTML komplexe Interaktionsmuster oft nicht ausreichend beschreibt.
- Zugänglichkeit komplexer Anwendungen: Ermöglicht die Nutzung von Web-Apps, Dashboards und interaktiven Formularen.
- Ergänzung zu HTML: ARIA ersetzt kein semantisches HTML, sondern erweitert es dort, wo nötig.
- Wichtiger Baustein der WCAG-Konformität: Viele Erfolgskriterien der WCAG lassen sich bei dynamischen Inhalten nur mit korrektem ARIA-Einsatz erfüllen.
- Risiko bei falscher Anwendung: Fehlerhaft eingesetztes ARIA kann die Zugänglichkeit sogar verschlechtern, statt sie zu verbessern.
Abgrenzung zu ähnlichen Begriffen
ARIA ergänzt die Anforderungen der , die den übergeordneten Anforderungsrahmen für barrierefreies Web definieren, während ARIA eine konkrete technische Umsetzungsmöglichkeit für dynamische Inhalte darstellt. Eng verbunden ist zudem der , da ARIA-Attribute speziell dafür konzipiert sind, von Screenreadern korrekt interpretiert zu werden.
Häufig gestellte Fragen (FAQ)
Wofür wird ARIA benötigt?
ARIA macht dynamische und interaktive Web-Inhalte, die mit Standard-HTML allein nicht ausreichend beschrieben werden, für Screenreader zugänglich.
Ersetzt ARIA semantisches HTML?
Nein, ARIA ergänzt HTML nur dort, wo es notwendig ist, und sollte semantisches HTML nicht ersetzen.
Kann fehlerhaftes ARIA die Barrierefreiheit verschlechtern?
Ja, falsch eingesetztes ARIA kann Screenreader-Nutzende sogar stärker verwirren als das komplette Fehlen von ARIA-Attributen.