ARIA — Accessible Rich Internet Applications
ARIA (WAI-ARIA) ist eine Spezifikation des W3C, die HTML-Elemente um zusätzliche Informationen für assistive Technologien ergänzt. ARIA-Attribute machen dynamische und interaktive Webinhalte für Screenreader verständlich.
Standardmäßige HTML-Elemente wie <button>, <nav> oder <main> haben bereits eingebaute Barrierefreiheits-Semantik. ARIA wird erst dann benötigt, wenn benutzerdefinierte Komponenten verwendet werden, die keine native Semantik haben.
Wichtige ARIA-Konzepte
- Roles — Definieren die Funktion eines Elements (
role="dialog",role="tab") - Properties — Beschreiben Eigenschaften (
aria-label,aria-describedby) - States — Beschreiben den aktuellen Zustand (
aria-expanded,aria-selected)
Die erste Regel von ARIA: Verwenden Sie kein ARIA, wenn natives HTML ausreicht. Ein <button> ist immer besser als ein <div role="button">.
Was prüft exatics?
exatics prüft, ob ARIA-Attribute korrekt eingesetzt werden: fehlende Labels, ungültige Rollen, widersprüchliche Zustände. Falsch eingesetztes ARIA kann die Barrierefreiheit sogar verschlechtern.