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

Was ist aria-current=“page“?
ARIA, Entwicklung
Was ist aria-current="page"? aria-current wird bei Links verwendet, um zu markieren, auf welcher Seite du…
Premium
Barrierefreie Formulare im Web: Der ultimative Leitfaden
Entwicklung
Warum barrierefreie Formulare wichtig sind Ein einfacher Test: Schließe die Augen und versuche, dich auf…
Premium
Transkripte für Audioinhalte bereitstellen: So machst du Podcasts & Co. barrierefrei
Allgemein, Entwicklung
Warum Transkripte wichtig sind Audioinhalte wie Podcasts, Interviews oder Vorlesungen sind beliebt – aber nicht…
Premium