Skip to main content

Motion Sensitivity Preview

v1.1.0

Preview animations with reduced-motion settings to check motion sensitivity.

Simulates the visual experience of CSS animations and transitions for users with vestibular disorders, showing how content looks with the prefers-reduced-motion media feature enabled and disabled, and flags animations that may trigger motion sickness.

How to use
  • →Paste a URL or HTML with CSS animations into the preview area to load the page.
  • →Toggle the "Reduced Motion" switch to see how the page changes when the user prefers reduced motion.
  • →Review the flagged animations — those without a prefers-reduced-motion media query alternative are highlighted.
  • →Export the WCAG 2.1 SC 2.3.3 (Animation from Interactions) compliance checklist for your report.