Ein Karussell (auch Slider, Slideshow) ist eine Komponente, die mehrere Inhalte – Bilder, Teaser, Testimonials – nacheinander im selben Bereich anzeigt. Karussells sind beliebt, aber häufig schwer zugänglich und werden von vielen Nutzern übersehen.
Anforderungen an ein barrierefreies Karussell
- Keine Autorotation – oder ein sichtbarer Pause-Button; Stopp bei Fokus und Hover (WCAG 2.2.2)
- Beschriftete Buttons „Vorherige Folie“ / „Nächste Folie“ und Foliennavigation mit Bezug („Folie 2 von 5“)
- Vollständige Tastaturbedienung; nicht sichtbare Folien sind nicht fokussierbar (
inert) - Struktur nach ARIA APG: Container mit
aria-roledescription="Karussell"und Label, Folien als Gruppe mit Label - Bei manuellem Wechsel eine höfliche Live-Region, bei Autorotation nicht
- Alt-Texte und echter Text statt Text im Bild
- Wischgesten nur zusätzlich zu Buttons; reduzierte Bewegung respektieren
Häufige Fragen
Sind Karussells grundsätzlich schlecht?
Nicht grundsätzlich, aber oft verzichtbar. Wichtige Inhalte sollten nicht nur in späteren Folien stehen; eine statische Darstellung ist meist zugänglicher und wirkungsvoller.
Wie lange muss eine Folie mindestens stehen?
Ohne Pause-Funktion darf Bewegung nicht länger als 5 Sekunden laufen. Mit Pause-Button ist die Dauer freier – sie sollte aber zum Lesen reichen.
Verwandte Begriffe: Reduzierte Bewegung, Akkordeon, Tabs, Kognitive Barrierefreiheit