Die Präferenz für reduzierte Bewegung.
Die Einstellung „Bewegung reduzieren“ im Betriebssystem ist ein Signal, dass Animationen den Nutzer stören — und eine Website kann dieses Signal lesen und ihr Verhalten ändern.
Für manche Nutzer ist Bewegung keine ästhetische Schicht, sondern eine Quelle körperlichen Unbehagens. Bei Menschen mit vestibulären Störungen kann großflächige Bewegung — vom Scrollen gezogene Hintergründe, zoomende Übergänge, Parallaxe-Schichten — Schwindel, Übelkeit und Gleichgewichtsverlust erzeugen. Das ist keine Geschmacksfrage; es ist die Frage, ob der Nutzer die Website benutzen kann.
Betriebssysteme bieten deshalb seit Jahren eine Einstellung, und Browser reichen sie an Webseiten weiter. Das Signal ist da, und es zu lesen ist eine Ein-Zeilen-Arbeit; die eigentliche Frage ist, was nach dem Lesen geschieht.
Drosseln genügt nicht
Die verbreitete Praxis: Wird die Präferenz erkannt, werden alle Animationsdauern auf null oder fast null gesenkt. Diese Ein-Zeilen-Lösung kursiert weit und funktioniert meistens — lässt aber zwei wichtige Lücken.
Erstens: Die Dauer zu nullen stoppt die Animation nicht, es macht sie unendlich schnell. Ein scrollgebundener Effekt versetzt Elemente auch bei Dauer null während des Scrollens schlagartig — und das kann störender sein als ein langsamer Übergang. Die Lösung für scrollgebundene Bewegung ist nicht die Dauer, sondern das Nicht-Aufbauen.
Zweitens: Animationsbibliotheken laufen auch bei Dauer null weiter — sie rechnen, erzeugen Frames, verbrauchen Speicher. Der Nutzer sieht keine Bewegung, aber sein Gerät zahlt ihren Preis. Auf einem schwachen Gerät heißt das: Die Seite erwärmt sich grundlos und leert den Akku.
Bewegung zu drosseln genügt nicht; sie darf nicht aufgebaut werden.
Der vollständige Alternativfluss
Der robustere Ansatz behandelt die Präferenz nicht als Stil-, sondern als FLUSS-Einstellung: Ist sie an, wird die Bewegungsschicht gar nicht gebaut. Die Scroll-Bibliothek startet nicht, scrollgebundene Zeitleisten entstehen nicht, der Shader läuft nicht, das Laufband steht, der eigene Cursor wird nicht installiert.
Das ist der Ansatz dieser Website, und die Prüfsuite misst ihn in beide Richtungen: dass bei aktiver Präferenz keine Bewegungsschicht gebaut wird — und dass bei inaktiver Präferenz alle wirklich laufen. Die zweite Messung — der Gegenbeweis — ist kritisch, denn der Test „ruhig bei reduzierter Bewegung“ leuchtet auch auf einer Website grün, deren Bewegung nie geschrieben wurde. Ein falsches Grün.
Noch ein Detail: Die Präferenz kann sich auch nach dem Laden ändern. Der Nutzer kann die Systemeinstellung bei offenem Tab umstellen, und das richtige Verhalten ist, den Fluss live abzubauen und neu aufzubauen. Eine nur beim Laden gelesene Präferenz bleibt für diesen Nutzer falsch.
Was anhalten muss
Die Präferenz heißt nicht „alle Animation verboten“. Unbehagen erzeugt Bewegung, die großflächig ist, Positionen verändert und außerhalb der Kontrolle des Nutzers liegt. Kleine, ortsfeste, rückmeldende Übergänge sind meist kein Problem.
- Muss anhalten — Parallaxe-Schichten, scrollgebundenes Ziehen, zoomende Übergänge, automatisch spielende Videos und Hintergrundschleifen, Laufbänder, große, den Bildschirm querende Übergänge.
- Darf bleiben — Farbübergänge, Opazitätswechsel, kleine Skalenänderungen, das Erscheinen des Fokusrings. Kurz, ortsfest, ohne Positionswechsel.
- Muss immer anhaltbar sein — automatische Bewegung länger als drei Sekunden muss der Nutzer pausieren können (2.2.2, Stufe A). Diese Anforderung ist von der Präferenz unabhängig.
- Darf nie existieren — mehr als drei Blitze pro Sekunde (2.3.1, Stufe A). Trägt Anfallsrisiko und ist unter keinen Umständen akzeptabel.
Die letzten beiden Punkte sind präferenzunabhängig und liegen auf Stufe A: Sie gelten auch, wenn der Nutzer die Reduktion nie eingeschaltet hat. Ein automatisch laufendes Karussell ohne Pausenkontrolle ist unabhängig von jeder Einstellung ein Verstoß.
Auch die Alternative muss gestaltet werden
Bewegung zu entfernen kann auch die Information entfernen, die sie trug — ein übersehenes Risiko. Sagt eine Übergangsanimation dem Nutzer „Sie haben einen neuen Abschnitt betreten“, geht mit der Animation auch diese Information verloren. Dreht sich ein Ladeindikator nicht, ist nicht zu erkennen, dass etwas läuft.
Der richtige Ansatz behandelt den bewegungslosen Zustand als eigenes Design, nicht als Mangel. Trägt Bewegung Information, muss diese Information im bewegungslosen Zustand auf anderem Weg gegeben werden — eine Randlinie, ein Farbwechsel, ein Text. Anstelle von Video oder Schleife muss ein stehendes Bild gezeigt werden — keine Leere.
Auf dieser Website sind die Live-Vorschauschleifen genau so behandelt: Bei aktiver Präferenz lädt das Video gar nicht, und an seiner Stelle steht ein statisches Posterbild. Der Nutzer sieht keine Bewegung, aber den Inhalt — und die Suite misst eigens, dass das Posterbild wirklich lädt.
Das allgemeine Prinzip: Reduzierte Bewegung darf kein Modus sein, in dem die Website weniger erzählt. Sie muss ein Modus sein, der dasselbe ohne Bewegung erzählt. Der Unterschied ist, ob der Nutzer mit aktivierter Präferenz ein Erlebnis zweiter Klasse bekommt.
Testen: in zwei Richtungen
Die Unterstützung nur in einer Richtung zu testen ist der häufigste Fehler. Die Präferenz wird eingeschaltet, die Seite wirkt ruhig, „es funktioniert“ wird verkündet. Doch dieser Test liefert dasselbe Ergebnis auf einer Website, deren Bewegung nie geschrieben wurde — er beweist nichts.
Der richtige Test ist zweiseitig und verlangt zwei getrennte Messungen. Bei aktiver Präferenz wird verifiziert, dass die Bewegungsschichten nicht gebaut werden; bei inaktiver, dass dieselben Schichten WIRKLICH gebaut werden. Ohne die zweite ist die erste ein falsches Grün.
- Präferenz einschalten, Seite laden — ist die Scroll-Bibliothek installiert, läuft der Shader, gibt es Zeitleisten? Nichts davon sollte existieren.
- Präferenz ausschalten, Seite laden — sind alle diese Schichten gebaut? Wenn nicht, existiert das Merkmal gar nicht.
- Präferenz bei offener Seite umstellen — wird der Fluss live abgebaut und neu aufgebaut? Eine nur beim Laden gelesene Präferenz bleibt für diesen Nutzer falsch.
- Die Alternative prüfen — was steht dort, wo die Bewegung entfernt wurde? Ein Posterbild oder eine Leere? Eine Leere heißt: Information ist verloren.
Testen ohne Änderung der Systemeinstellung ist auch möglich: Die Entwicklerwerkzeuge der Browser erlauben, die Präferenz pro Seite zu erzwingen. Das beschleunigt den Test, ersetzt aber nicht die einmalige Verifikation auf einem echten Gerät.
Der Performance-Nebennutzen
Die Präferenz mit einem vollständigen Alternativfluss zu beantworten hat jenseits der Barrierefreiheit einen konkreten Nebennutzen: Performance. Wird die Bewegungsschicht nie gebaut, läuft keine Bibliothek, entstehen keine Frames, kompiliert kein Shader, wird kein Speicher belegt.
Das heißt: Für Nutzer mit aktivierter Präferenz ist die Seite deutlich leichter — und bedenkt man den Anteil schwacher Geräte unter diesen Nutzern, geht der Nutzen an die, die ihn am meisten brauchen. Dies ist einer der Orte, an denen sich Barrierefreiheit und Performance decken.
Auch das Umgekehrte gilt: Eine Umsetzung, die Bewegung nur drosselt, verlangt auch bei aktiver Präferenz die vollen Kosten. Der Nutzer sieht nichts, aber sein Gerät führt die Animationsbibliothek weiter aus. Akku, der für eine unsichtbare Rechnung verbraucht wird, nützt keinem Nutzer.