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
WCAG
Die Web Content Accessibility Guidelines — der Standard, der definiert, was Webinhalte für Menschen mit Behinderungen nutzbar macht; AA-Kontrast ist 4,5:1 für Fließtext.
Semantisches HTML
Elemente benutzen, die bedeuten, was sie enthalten — nav, article, button — damit Screenreader, Crawler und Browser die Seite umsonst verstehen.
Hydration
Der Schritt, in dem JavaScript im Browser das serverseitig gerenderte HTML übernimmt und interaktiv macht.
Die zugehörige Werkbank
Full-StackWenn du es beschreiben kannst, können wir es bauen. React und Next.js vorn, Python oder Node dahinter, Postgres darunter, ausgeliefert dorthin, wo du den Betrieb bezahlen kannst.
