ÜBERBLICK
Umsetzbarkeit:
- Komplexität:Einfach
- Dauer:Schnell
Wichtig für Rolle:
Design, Entwicklung
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.
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.
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- 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.
Unser Test-Tool!
Die neuen Kick-off-Audits!
Prüfe selbstständig die kritischsten WCAG-Kriterien! Mit unseren einfach erklärten Anleitungen kannst du zu Beginn eines Projektes den Zustand einer Website schnell einschätzen: Was sind Kosten und Aufwände? Für nur 99,- €
