Lexikon

WAI-ARIA

Auch: ARIA, aria-label, Accessible Rich Internet Applications

WAI-ARIA ist ein Standard des W3C, mit dem Rollen, Beschriftungen und Zustände von Bedienelementen für Screenreader und andere Hilfsmittel maschinenlesbar gemacht werden.

von Benjamin Kaim Aktualisiert:

WAI-ARIA (Accessible Rich Internet Applications) ist ein Standard des W3C. Mit Attributen wie role, aria-label oder aria-expanded beschreiben Websites, was ein Element ist, wie es heißt und in welchem Zustand es sich befindet. Screenreader lesen diese Angaben vor. Grundregel: Wo natives HTML wie button oder nav ausreicht, ist es ARIA vorzuziehen.

<button aria-label="Menü öffnen" aria-expanded="false">☰</button>

Bedeutung für KI-Sichtbarkeit

Laut OpenAI nutzt der KI-Browser ChatGPT Atlas ARIA-Angaben, um Seitenstruktur und Bedienelemente zu interpretieren, und empfiehlt, Schaltflächen, Menüs und Formulare mit beschreibenden Rollen, Beschriftungen und Zuständen zu versehen. Mehr im Ratgeber Barrierefreiheit und KI-Sichtbarkeit.

Häufige Fragen

Brauche ich ARIA auf jeder Seite?

Nein. Semantisches HTML reicht oft aus. ARIA ergänzt dort, wo eigene Bedienelemente keine eindeutige native Entsprechung haben.

Kann falsches ARIA schaden?

Ja. Falsche Rollen oder Beschriftungen verwirren Screenreader und Agenten mehr als fehlende.