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

Beschreibende Seitentitel: Das Aushängeschild deiner Website
Entwicklung, Redaktion
Was sind Seitentitel und warum sind sie so wichtig? Der Seitentitel steht im <title>-Tag im…
Premium
Barrierefreie Website umsetzen: Der komplette Workflow
Allgemein, Design, Entwicklung, Redaktion
Warum Barrierefreiheit von Anfang an planen? Nachträgliche Barrierefreiheits-Fixes sind teuer und oft nur oberflächlich. Wenn…
Premium
Weniger ist mehr: Wenn zu viel ARIA die Barrierefreiheit zerstört
ARIA, Entwicklung
Der große ARIA-Irrtum Hier ist ein weit verbreiteter Denkfehler: "Wenn ich überall ARIA-Attribute hinzufüge, wird…
Premium