# ARIA

> Accessible Rich Internet Applications — Attribute, die unterstützender Technologie sagen, was dein Markup bedeutet, wenn HTML allein es nicht kann.

Ein div, das wie ein Button gestylt ist, ist für einen Screenreader ein Rechteck. ARIA überbrückt die Lücke: role='button' sagt, was es ist, aria-label benennt es, aria-expanded sagt, ob das Menü offen ist. Es ist die Barrierefreiheits-Schicht für alles Custom — Tabs, Dialoge, Toasts —, das HTML nie gelernt hat.

Die erste ARIA-Regel lautet 'benutz kein ARIA': Das native <button> meldet sich schon korrekt, also ist ARIA über guter Semantik bestenfalls Rauschen, schlimmstenfalls eine Lüge. Man greift danach, wo native Elemente es wirklich nicht können — und repariert lieber das Markup, als schlechtes zu annotieren.

## Verwandte Begriffe

- https://dfieldsolutions.com/de/glossar/wcag.md
- https://dfieldsolutions.com/de/glossar/semantic-html.md
- https://dfieldsolutions.com/de/glossar/hydration.md

---

Source: https://dfieldsolutions.com/de/glossar/aria
DField Solutions — Dunakeszi, Hungary — dezso@dfieldsolutions.com
Booking: see https://dfieldsolutions.com/en/contact
