aria-expanded: Der Schlüssel für verständliche interaktive Elemente

Alle Lernartikel

Das aria-expanded Attribut ist dein bester Freund, wenn du Dropdowns, Akkordeons oder mobile Menüs barrierefrei gestalten willst. Es teilt Screen Reader-Nutzern mit, ob ein interaktives Element gerade geöffnet oder geschlossen ist.

Dropdown-Menü mit aria-expanded='true' Code zeigt geöffnete Optionen 1, 2 und 3

Inhaltsverzeichnis

Premium Content

Für den vollständigen Inhalt benötigst du Premium-Zugang

Premium freischalten Schon Premium? Dann melde dich an

Weitere Beiträge

Disabled-Buttons: Warum du sie vermeiden solltest und bessere Alternativen
Entwicklung
Was sind disabled buttons und warum werden sie verwendet? Ein disabled button ist ein Button…
Premium
aria-haspopup: Popup-Elemente richtig ankündigen für Screen Reader
ARIA, Entwicklung
Was ist aria-haspopup? aria-haspopup warnt Screenreader Nutzer vor, dass ein Element ein Popup öffnet. Es…
Premium
Barrierefreie Tabs mit HTML, CSS und JS
Entwicklung, Komponenten
So entwickelst du Tabs, die zugänglich, ARIA-konform und per Tastatur steuerbar sind.
Kostenlos