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

aria-live: Dynamische Inhalte für Screenreader zugänglich machen
ARIA, Entwicklung
Was ist aria-live und warum brauchst du es? Stell dir vor, du füllst ein Formular…
Premium
Animationen und die 5-Sekunden-Regel: Warum Stop-Buttons wichtig sind
Entwicklung
Die 5-Sekunden-Regel verstehen Die Web Content Accessibility Guidelines (WCAG) besagen in Kriterium 2.2.2: Animationen, Videos…
Premium
Automatisierte Barrierefreiheit-Tests: Deine ersten 30-40% der Barrierefreiheit
Testing
Warum automatisierte Tests unverzichtbar sind Automatisierte Tests sind dein erster Qualitätscheck. Sie finden Probleme schnell…
Premium