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

sr-only vs. aria-label: Wann welche Methode verwenden?
ARIA, Entwicklung
Die zwei Methoden kurz erklärt Zweck: Grundlegender Unterschied Was ist sr-only? Sr-only (screenreader only) ist…
Premium
WCAG einfach erklärt
Gesetze & Standards
Was sind die WCAG? Die WCAG sind Richtlinien, die vom World Wide Web Consortium (W3C)…
Kostenlos
Videos mit Untertiteln: Warum sie unverzichtbar sind
Allgemein, Entwicklung
Wann braucht man Untertitel? Rechtlich verpflichtend sind Untertitel in vielen Kontexten, z. B. im öffentlich-rechtlichen Rundfunk…
Kostenlos