WAI‑ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications) Ein technischer Standard des W3C, der definiert, wie dynamische und interaktive Webinhalte für Menschen mit Behinderungen – insbesondere für Nutzer von Screenreadern – zugänglicher gemacht werden können. WAI‑ARIA ergänzt HTML um zusätzliche Attribute, die Struktur, Rollen und Zustände von Elementen für assistive Technologien verständlich machen.

Zweck

WAI‑ARIA sorgt dafür, dass komplexe Webanwendungen wie Menüs, Tabs, Slider, Dialoge oder interaktive Widgets korrekt wahrgenommen und bedient werden können, auch wenn sie nicht aus nativen HTML‑Elementen bestehen.

Zentrale Bestandteile

• Rollen (Roles): Beschreiben, was ein Element ist (z. B. button, navigation, dialog).
• Zustände (States): Geben an, in welchem Zustand sich ein Element befindet (z. B. aria-expanded="true").
• Eigenschaften (Properties): Liefern zusätzliche Informationen, z. B. Beschriftungen oder Beziehungen (aria-label, aria-labelledby, aria-describedby).

Einsatzbereiche

• Interaktive Komponenten in Web‑Apps
• JavaScript‑basierte UI‑Elemente
• Single‑Page‑Applications
• Komponentenbibliotheken und Design‑Systeme

Hinweis

WAI‑ARIA ergänzt, ersetzt aber nicht korrektes, semantisches HTML. Die Grundregel lautet: „Use native HTML first, ARIA only when necessary.“