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

WCAG einfach erklärt
Gesetze & Standards
Was sind die WCAG? Die WCAG sind Richtlinien, die vom World Wide Web Consortium (W3C)…
Kostenlos
Inhalte sind bei 320px Breite lesbar: Reflow für kleinste Bildschirme
Allgemein, Design, Entwicklung
Warum 320px Breite so wichtig ist 320px ist die Mindestbreite, die Websites unterstützen müssen. Diese…
Premium
Barrierefreie Akkordeons mit HTML, CSS und JS
Entwicklung, Komponenten
Akkordeons sind eine bewährte Methode, um Inhalte auf Webseiten kompakt und übersichtlich darzustellen.
Kostenlos