Reduzieren Sie unwesentliche Bewegungen, ohne die Bedeutung zu verbergen

Rückmeldung von rein dekorativen Effekten unterscheiden

Erkennen Sie die CSS-Medienfunktion prefers-reduced-motion, um die Einstellung des Nutzers auszulesen, und wenden Sie dieselbe Einstellung bei Bedarf auch auf skriptgesteuerte Effekte an. Entfernen Sie zum Beispiel einen wiederholten Hintergrundzoom, lassen Sie aber einen kurzen Farb- oder Texthinweis stehen, der eine erfolgreiche Aktion signalisiert. Die reduzierte Bewegung darf kein unbemerkter Funktionsverlust sein: Spieler müssen weiterhin verstehen, was sich geändert hat und was als Nächstes zu tun ist.

Entfernen Sie nicht automatisch jede Animation. Ein bewegliches Ziel kann zum Gameplay gehören, während Kamerawackeln nach einer Kollision dekorativ sein kann. Behalten Sie Bewegungen bei, die für Position oder Timing wichtig sind, und bieten Sie nach Möglichkeit ein anderes klares Signal. MDN erklärt, dass die Einstellung nicht wesentliche Bewegungen reduzieren oder ersetzen soll.

Testen Sie Übergänge und wiederholte Effekte

Prüfen Sie Bewegungen im gesamten Ablauf: Menüs, Laden, Kameraübergänge, Sieg und Niederlage sowie wiederkehrende Effekte in längeren Partien. Eine Einstellung, die nur eine CSS-Animation abschaltet, kann Bewegungen aus JavaScript oder Canvas unbeeinflusst lassen. Wenden Sie die Einstellung in allen Darstellungsebenen einheitlich an und vermeiden Sie abrupte Wechsel, wenn sie während des Spiels im System geändert wird.

Aktivieren Sie die Betriebssystemeinstellung für reduzierte Bewegung und prüfen Sie, ob Spieler Ziele weiterhin finden, Treffer erkennen und Übergänge verstehen können. Testen Sie CSS-, skriptgesteuerte und Canvas-Effekte zusammen. MDN beschreibt die Medienfunktion und wie bei aktivierter Einstellung ein alternativer Stil bereitgestellt werden kann.

Fragen zu ⁨reduzierte Bewegung in Browserspielen⁩