Was ist ARIA?
WAI-ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications) ist ein W3C-Standard, der HTML-Elementen zusätzliche Semantik hinzufügt, um Web-Inhalte für Screenreader und assistive Technologien zugänglich zu machen.
Kernkonzepte
Roles
Definieren die Rolle eines Elements: role="navigation", role="alert", role="dialog". Informieren Screenreader, was ein Element ist.
Properties
Beschreiben Eigenschaften: aria-label, aria-describedby, aria-required. Geben Kontext zu einem Element.
States
Beschreiben dynamische Zustände: aria-expanded, aria-selected, aria-hidden. Informieren über Zustandsänderungen.
Goldene Regel
„Keine ARIA ist besser als schlechte ARIA.“ Native HTML-Elemente (button, nav, main) sind ARIA immer vorzuziehen. ARIA sollte nur eingesetzt werden, wenn HTML allein nicht ausreicht.
Bedeutung
ARIA ist essentiell für barrierefreie dynamische Web-Anwendungen. SPAs, Custom Components und interaktive Widgets benötigen ARIA für Screenreader-Kompatibilität.