02.06.2026 | Lesezeit: ca. 5 Minuten

Barrierefreie Slider — Karussells für alle

Bilder im Wechsel, die Du selbst steuerst

Eine Reihe von Bildkacheln eines Karussells mit Pause-Knopf und Navigationspfeilen

Auf vielen Startseiten dreht sich oben ein Karussell: ein großes Bild blendet sich aus, das nächste rein, dazu wechselnde Schlagworte. Das wirkt lebendig und füllt den Platz, ohne dass Du Dich für ein einziges Motiv entscheiden musst.

Genau dieses automatische Weiterspringen ist für einen Teil Deiner Besucher das Problem. Das Bild wechselt oft, bevor jemand den Text gelesen hat, und es lässt sich kaum anhalten. Du kannst das aber entschärfen, und oft kostet es weniger Aufwand als die hübsche Animation selbst.

Warum Karussells oft zur Barriere werden

Ein selbst weiterspringender Slider gibt das Tempo vor, nicht der Leser. Es wechselt nach wenigen Sekunden, oft genau dann, wenn jemand mitten im Satz steckt oder gerade einen Knopf anvisiert hat. Wer langsamer liest, eine Sehbehinderung hat oder einfach nur kurz nachdenkt, kommt mit dem Takt der Maschine nicht mit.

Die ständige Bewegung am oberen Bildrand zieht außerdem den Blick weg vom eigentlichen Inhalt. Für Menschen mit ADHS oder Konzentrationsschwierigkeiten zerreißt jeder Wechsel den Faden aufs Neue. Manche reagieren auf die Bewegung sogar mit Schwindel oder Unbehagen, ähnlich wie bei anderen Formen von Bewegung und Animation auf einer Seite.

Für blinde Besucher ist ein Karussell besonders tückisch. Ihr Vorlese-Programm liest gerade ein Bild vor, da springt der Slider weiter und der Inhalt wechselt unter ihnen weg. Ohne klare Beschriftung bleibt von dem schönen Effekt nur ein Stapel verwirrender Fragmente übrig.

Brauchst Du den Slider überhaupt?

Bevor es um Technik geht, lohnt die ehrliche Vorfrage. Slider sind beliebt, weil niemand sich für ein Bild entscheiden will. Doch die Auswertungen vieler Webseiten zeigen ein nüchternes Bild: Fast alle Besucher sehen nur die erste Folie, der Rest des Karussells verpufft fast ungesehen.

Wenn die zweite und dritte Folie ohnehin kaum jemand wahrnimmt, trägt der bewegte Aufwand wenig zur Sache bei. Ein einziges, gut gewähltes Bild mit einer klaren Aussage erreicht die Besucher oft zuverlässiger als drei, die im Sekundentakt vorbeiziehen.

Manchmal hast Du trotzdem mehrere Motive, die wirklich alle gezeigt werden sollen, etwa eine kleine Galerie Deiner Arbeiten. Dann ist ein Slider sinnvoll, sollte aber von Hand bedienbar sein. Der Besucher klickt selbst weiter und wird nicht vom Automatik-Takt überrollt. Damit ist die häufigste Barriere schon ausgeräumt. Dasselbe Prinzip der eigenen Kontrolle gilt für andere klickbare Bauteile: Wie Du Akkordeons und Tabs barrierefrei zum Auf- und Zuklappen bekommst, liest Du im eigenen Beitrag dazu.

Pause und volle Kontrolle über den Wechsel

Bleibt ein automatischer Slider, entscheidet die Kontrolle über ihn, ob er zugänglich ist. Die wichtigste Zutat ist eine sichtbare Pause-Taste, die den Wechsel sofort stoppt und nicht erst nach langem Suchen auffindbar ist.

Ein paar Eigenschaften machen einen Slider spürbar freundlicher:

  • Sichtbare Pause-Taste: ein deutlich erkennbarer Knopf, der den automatischen Wechsel anhält und gedrückt so bleibt.
  • Anhalten beim Überfahren: Sobald die Maus über dem Slider liegt oder der Tastatur-Fokus darin steht, pausiert der Wechsel von allein.
  • Genug Zeit pro Bild: Eine Folie, die nur wenige Sekunden stehen bleibt, ist zu schnell. Gib jedem Bild Zeit, gelesen zu werden.
  • Ruhiger Wechsel: Der Slider sollte gleichmäßig und gemächlich weiterblättern und nicht in immer kürzeren Abständen loshetzen.

Diese Punkte klingen nach Komfort, sind aber der Kern der Sache. Sie geben dem Besucher die Kontrolle über das Tempo zurück, die ein Automatik-Slider ihm zunächst nimmt.

Tastatur und Screenreader für alle

Viele Menschen bedienen eine Webseite ohne Maus, nur über die Tastatur. Ein guter Slider lässt sich genauso steuern: Man springt mit der Tab-Taste auf die Pfeile, ein sichtbarer Rahmen zeigt, wo man gerade steht, und die Pfeile schalten die Bilder weiter. Wie das im Detail funktioniert, beschreibt der Beitrag zur Bedienung ganz ohne Maus.

Für blinde Besucher zählt die Beschriftung. Jedes Bild im Slider braucht eine kurze Beschreibung, damit das Vorlese-Programm sagen kann, was zu sehen ist. Genauso wichtig ist, dass der Slider sich als zusammenhängender Bereich zu erkennen gibt, damit klar wird, wo das Karussell anfängt und aufhört.

Auch die Steuerung selbst muss verständlich sein. Pfeile und Pause brauchen klar beschriftete Knöpfe, deren Zweck ohne Raten erkennbar ist. Ein nacktes Pfeil-Symbol ohne Beschriftung lässt den Screenreader-Nutzer im Dunkeln.

Daran erkennst Du einen guten Slider

Du musst nichts davon selbst bauen, um es zu beurteilen. Mit vier kleinen Handgriffen prüfst Du an Deiner eigenen Seite, ob der Slider den größten Stolperstellen ausweicht.

  1. Anhalten: Suche die Pause-Taste. Findest Du keine, fehlt die wichtigste Zutat.
  2. Tab-Taste: Klick einmal neben den Slider und drück mehrfach die Tab-Taste. Springt ein sichtbarer Rahmen auf die Pfeile und reagieren sie, ist die Tastatur an Bord.
  3. Tempo: Lies das erste Bild in Ruhe. Wechselt es, bevor Du fertig bist, läuft es zu schnell.
  4. Vorlesen: Wenn Dein Gerät eine Vorlese-Funktion hat, lass den Slider vorlesen. Kommt nur „Bild" ohne weitere Beschreibung, fehlen die Bildtexte.

Kein Test verlangt technisches Wissen. Sie zeigen Dir aus der Sicht Deiner Besucher, wo der Slider hakt, und genau das ist die Sprache, die Deine Agentur versteht.

Diese drei Vorgaben für Deinen Slider-Auftrag

Du brauchst keine Fachbegriffe, um das Richtige zu bestellen. Drei Sätze decken den größten Teil ab, und Du kannst das Ergebnis später selbst nachprüfen.

Frag zuerst, ob ein einzelnes ruhendes Bild statt des Karussells nicht besser passt. Wenn der Slider bleibt, verlange eine sichtbare Pause-Taste und einen Wechsel, der nicht zu schnell läuft. Und lass Dir zusagen, dass er sich mit der Tastatur bedienen lässt und jedes Bild eine Beschreibung bekommt.

Mit diesen Vorgaben lenkst Du das Ergebnis, ohne je in den Maschinenraum zu steigen. Sie sind konkret genug, dass die Umsetzung sofort klar ist, und so formuliert, dass Du den Erfolg an Deiner eigenen Seite ablesen kannst.

Fazit

Ein Karussell ist Kür, kein Muss. Oft sieht ohnehin nur das erste Bild jemand, und ein einziges starkes Motiv erreicht Deine Besucher zuverlässiger als drei im Sekundentakt.

Wenn der Slider bleibt, gehört Kontrolle dazu: anhalten, in Ruhe lesen, mit der Tastatur bedienen, jedes Bild beschriftet. Damit wird aus dem hübschen Effekt ein Element, das niemanden ausschließt.