Animationen sollten die Einstellung für reduzierte Bewegung respektieren

Animierte Hintergründe, große Zoombewegungen und dauerhafte Übergänge sind nicht für jeden Besucher angenehm. Manche Nutzer stellen im Betriebssystem reduzierte Bewegung ein. Die CSS-Abfrage prefers-reduced-motion ermöglicht es Websites, diese Präferenz bei ihrer Gestaltung zu berücksichtigen.

Die passende Reaktion ist vom Inhalt abhängig. Eine wichtige Rückmeldung kann weiter klar erkennbar bleiben, während große Bewegungen durch ruhigere Zustandswechsel ersetzt werden. Entscheidend ist, dass ein Vorgang verständlich bleibt. Eine Animation sollte weder die einzige Erklärung einer Funktion sein noch den Zugang zu einem Text verzögern.

Empfehlung für Unternehmen

Testen Sie die Website mit aktivierter Einstellung für reduzierte Bewegung. Kontrollieren Sie insbesondere Seitenwechsel, automatische Karussells und auf Scrollen reagierende Effekte. Entfernen Sie Bewegung dort, wo sie keinen erkennbaren Nutzen für die Aufgabe des Besuchers bringt.

Quelle: MDN Reduced Motion