Was ist der Unterschied zwischen ARIA und semantischem HTML?
Semantisches HTML transportiert Bedeutung direkt über native Elemente: Eine ist für den Screenreader ein Button, eine eine Navigation, eine eine Überschrift der zweiten Ebene. Diese Elemente bringen Rolle, Zustand und Tastaturverhalten von Haus aus mit, ganz ohne Zusatzcode.
ARIA (Accessible Rich Internet Applications) ist eine Ergänzung für Fälle, in denen natives HTML nicht ausreicht, etwa bei komplexen Widgets wie Tabs, Akkordeons, Dropdowns oder Live-Regionen. ARIA fügt nur Semantik hinzu, ändert aber kein Verhalten: Eine mit Die erste Regel von ARIA lautet daher: Kein ARIA verwenden, wenn ein natives Element die Aufgabe erfüllt (Quelle: W3C WAI). Wie wir das in der Praxis umsetzen, zeigen wir bei der barrierefreien Webentwicklung.role="button" ausgezeichnete