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

Prefers-reduced-motion einfach erklärt
Entwicklung
Was ist prefers-reduced-motion? prefers-reduced-motion ist eine CSS Media Query, die erkennt, ob Nutzer "Bewegung reduzieren"…
Kostenlos
„Mehr lesen“ Links: Das versteckte Barrierefreiheits-Problem
Entwicklung, Redaktion
Das Problem mit "Mehr lesen" Links Stell dir vor, du hörst eine Liste von Links…
Premium
aria-label: Der ultimative Guide
ARIA, Entwicklung
Was ist aria-label und warum ist es so mächtig? Aria-label gibt HTML-Elementen einen "accessible name"…
Premium