Die WCAG-Kriterien

2.2.2 Pausieren, stoppen, ausblenden

Zurück zu allen WCAG-Kriterien

ÜBERBLICK

Umsetzbarkeit:

Komplexität:Einfach
Dauer:Schnell

Wichtig für Rolle:

Design, Entwicklung

Zum WCAG-Kriterium:

Pausieren, stoppen, ausblenden (englisch)

Worum gehts?

Für Inhalte, die sich bewegen, blinken oder scrollen (Animationen):
Wenn die Inhalte automatisch starten, länger als 5 Sekunden dauern und gleichzeitig mit statischem Inhalt zu sehen sind, muss man die Animationen stoppen oder ausblenden können. Ein Beispiel dafür ist ein automatisch ablaufender Slider.

Für Inhalte, die sich automatische Aktualisierung (updaten):
Wenn die Inhalte sich automatisch updaten und gleichzeitig mit statischem Inhalt zu sehen sind, muss man die Updates stoppen oder ausblenden können oder die Häufigkeit der Aktualisierung kontrollieren können.

Eine Illustration von einem Slider auf einer Webseite. Der Slider hat ein Pause-Knopf, um ihn anzuhalten.

Umsetzung

Mindestens eine der folgenden Möglichkeiten muss umgesetzt werden, um das Kriterium zu erfüllen. Nähere Informationen dazu findest du in den jeweils verlinkten WCAG-Techniken.

Inhalt kann gestoppt oder ausgeblendet werden
Wenn eine Animation länger als 5 Sekunden dauert, muss die Animation angehalten werden können. Das kann zum Beispiel mit einem Pause-Button passieren oder einem Schließen-Button, um die Animation komplett auszublenden.

Die Bewegung darf nach dem Anhalten auch von selbst nicht mehr starten.
WCAG-Technik(en) in Englisch:

Anmerkungen

Ausnahme: Ladeanimationen
Eine Animation, die als Teil einer (Vor)Ladephase ist, kann als wesentlich gesehen werden, wenn kein User während der Zeit mit Inhalten interagieren kann. Beispiel: Ladescreen einer Webseite.

Außerdem sollte eine Lade- / Reload- / Akktualisierungs-Animation nicht angehalten werden, auch wenn sie länger als 5 Sekunden dauert. Da das Anhalten die User verwirren kann oder zu der Annahme führen könnte, dass der Inhalt eingefroren oder unterbrochen ist.

Ausnahme: Essenzielle Animationen
Essenzielle Animationen müssen ebenso nicht pausierbar sein – etwa ein Timer bei einem Online-Test oder sich automatisch ändernde Preise bei einer Auktion.