Die WCAG-Kriterien

WCAG 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?

Animationen, die auf deiner Website automatisch starten und länger als 5 Sekunden dauern, müssen pausiert, gestoppt oder ausgeblendet werden können. Das gilt allerdings nur, wenn sie zusammen mit statischen Inhalten zu sehen sind.

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 nicht von selbst erneut 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: Lade-Screen einer Webseite.

Außerdem sollte eine Lade- / Reload- oder Aktualisierungs-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.

So testest dU:

Sie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

Inhalt entsperren Erforderlichen Service akzeptieren und Inhalte entsperren