Motion-Accessibility-Check.

prefers-reduced-motion auf jeder Seite prüfen

Füge oben eine URL ein, und dieser reduced-motion-Checker liest das CSS der Seite so, wie ein Browser es täte, und meldet dann, wo Animation ohne prefers-reduced-motion-Guard läuft. Es ist der schnellste Weg, prefers-reduced-motion zu testen — über eine ganze Seite hinweg, ohne sie in den DevTools von Hand durchzugehen. Ein fokussierter Animation-Accessibility-Checker, kein generischer Seiten-Scanner.

So liest du dein Ergebnis

Jeder Scan liefert einen einzelnen Motion-Score von maximal 100 und eine Liste von Befunden. Der Score ist ein schnelles Signal, keine Note: ein hoher Score heißt, das CSS, das dieser Scan sieht, trägt die reduced‑motion-Guards und Pausier-Pfade, nach denen er sucht; ein niedrigerer Score heißt, er hat Regeln gefunden, die sich ohne sie bewegen. Es ist kein Bestanden/Durchgefallen-Urteil und keine rechtliche Konformitäts-Aussage.

Was jeder Befund zeigt

Jeder Befund nennt den gefundenen CSS-Selektor, die Regel, gegen die er verstößt, das WCAG-Kriterium, auf das er zeigt, und einen konkreten Fix zum Einfügen. Zum Beispiel:

Wofür dieser reduced-motion-Checker scannt (WCAG 2.2.2 & 2.3.3)

Der Scan prüft das verlinkte CSS und die <style>-Blöcke einer Seite gegen WCAG 2.2.2 (Pausieren, Stoppen, Ausblenden) und WCAG 2.3.3 (Animation durch Interaktionen). Es ist ein statischer Scan: Laufzeit-JavaScript, die Web Animations API, GSAP, Autoplay-Video und GIFs liegen außerhalb dessen, was er sehen kann. Es ist kein vollständiges Barrierefreiheits-Audit und kein Konformitäts-Urteil, und nichts, was du absendest, wird gespeichert. Für die Teile, die ein CSS-Scan nicht erreicht, folge den manuellen Schritten im Leitfaden Barrierefreie Animation.

Checker vs. vollständiges Audit — was abgedeckt ist

Das ist ein Motion-Accessibility-Checker, kein vollständiges Barrierefreiheits-Audit. Er beantwortet eine Frage gut — respektiert deine CSS-Animation prefers-reduced-motion und die beiden WCAG-Motion-Kriterien (2.2.2 und 2.3.3)? — und gibt für jeden Befund einen Fix zurück. Ein vollständiges Audit deckt auch Farbkontrast, Tastaturbedienung, ARIA und die Laufzeit-Motion aus JavaScript, GSAP und Video ab, die dieser statische Scan nicht sieht. Nutze diesen reduced-motion-Checker, um die Motion-Probleme schnell aufzuspüren, und kombiniere ihn dann mit einer breiteren Prüfung für alles andere.