Animationen durch Interaktionen

Silktide fordert Sie auf zu überprüfen, dass durch Benutzerinteraktionen ausgelöste Bewegungsanimationen – Parallax-Scrolling beim Scrollen, Hover-Transformationen, Übergänge beim Klicken – abgeschaltet werden können, es sei denn, die Bewegung ist wesentlich. Dies ist das Erfolgskriterium 2.3.3 (Stufe AAA) der .

Dies ist eine : Ob eine Bewegung wesentlich ist, ob es einen Schalter gibt und ob prefers-reduced-motion korrekt implementiert ist, kann nur eine Person beurteilen, die mit der Seite interagiert. Silktide zeigt die Aufforderung auf jeder Seite an, und eine Person bestätigt dies.

Warum das wichtig ist

Durch Scrollen, Hovern oder Klicken ausgelöste Bewegungen können bei empfindlichen Personen vestibuläre Störungen – Schwindel, Übelkeit, Migräne – auslösen. Betriebssysteme bieten aus genau diesem Grund eine Einstellung "Bewegung reduzieren" an. Websites, die dies ignorieren, zwingen diese Nutzer dazu, die Bewegung zu ertragen oder die Seite zu verlassen.

Dies unterscheidet sich von Anhalten, stoppen, ausblenden (2.2.2), das Animationen abdeckt, die die Seite von sich aus startet. 2.3.3 betrifft Animationen, die der Nutzer selbst auslöst.

Was zu prüfen ist

Interagieren Sie mit der Seite: scrollen, hovern, fokussieren, klicken. Notieren Sie jede Bewegung, die Inhalte im Raum verschiebt (Parallax-Scrolling, Slide-ins, Hüpfen, Umblättereffekte). Einfache Transparenzüberblendungen zählen nicht.
Aktivieren Sie die Betriebssystemeinstellung zur Reduzierung von Bewegungen (oder emulieren Sie prefers-reduced-motion: reduce in den Browser-DevTools) und wiederholen Sie den Test. Nicht wesentliche Bewegungen sollten aufhören.
Falls die Website die Betriebssystemeinstellung nicht respektiert, suchen Sie nach einem seiteneigenen Schalter, der nicht wesentliche Animationen deaktiviert. Bestätigen Sie, dass er funktioniert und keine Inhalte verbirgt.
Bewegungen, die für die Funktion wesentlich sind (ein Ladeindikator, ein Fortschrittsbalken, eine Vorschau beim Erstellen von Animationen), sind ausgenommen – halten Sie dieses Urteil fest, wenn Sie die Überprüfung bestätigen.

So beheben Sie das Problem

Bevorzugen Sie die Berücksichtigung von prefers-reduced-motion in CSS und JavaScript (WCAG-Techniken C39 und SCR40).
Oder bieten Sie eine websiteweite Steuerung an, die nicht wesentliche, durch Interaktionen ausgelöste Bewegungen ausschaltet.
Vermeiden Sie Parallax-Effekte und große räumliche Übergänge, wenn ein einfacherer Effekt ausreicht.

Wenn die Seite keine durch Interaktionen ausgelösten Bewegungen enthält oder jede solche Bewegung deaktiviert werden kann (oder wesentlich ist), Sie den Befund.

So testet Silktide dies

Silktide kann Bewegung über die Zeit in einem statischen Crawl nicht beobachten, daher erzeugt diese Prüfung pro Seite eine Aufforderung zur Überprüfung mit einer Beschreibung dessen, was zu verifizieren ist. Kein gängiges Tool automatisiert 2.3.3 – es gibt keine W3C ACT-Regel dafür, und weder axe noch Siteimprove stellen dafür eine Prüfung bereit.