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

HTML Landmarks: Semantische Navigation für alle Nutzer
Entwicklung
Was sind HTML Landmarks? Landmarks sind semantische HTML-Elemente, die verschiedene Bereiche einer Website strukturieren und…
Premium
WCAG-Konformitätsstufen: A, AA, AAA
Gesetze & Standards
Was sind Konformitätsstufen? Die Konformitätsstufen beschreiben, wie umfassend die Anforderungen der WCAG erfüllt werden.  Je…
Kostenlos
HTML-Formatierungen richtig verwenden für Inhalte
Entwicklung, Redaktion
Formatierungen haben zwei Ebenen: das Aussehen und die Bedeutung. Im CMS-Editor oder im Code sehen…
Premium