Describe your animations
Enter how many elements animate, how many autoplay, and whether prefers-reduced-motion is respected.
MOTION ACCESSIBILITY
Reviews UI animations and interactions for accessibility, excessive motion, distraction, and usability issues.
Planning guidance only. Validate important decisions with customer evidence and your delivery team.
YOUR INPUTS
Complete every field. The result updates only when you choose Calculate.
Enter how many elements animate, how many autoplay, and whether prefers-reduced-motion is respected.
Motion Safe weighs autoplay, duration, flashing risk, and reduced-motion support against WCAG motion guidance.
Add pause controls, honor prefers-reduced-motion, and remove flashing, then re-check.
Continue learning: Who should approve MVP requirements?
A CSS media query that lets users signal at the OS level that they want reduced animation — respecting it is a core WCAG 2.3.3 practice.
Content flashing more than 3 times per second can trigger seizures in people with photosensitive epilepsy (WCAG 2.3.1), so it's treated as a hard risk rather than a minor deduction.
No — purposeful, brief animation (under ~400ms) that supports understanding is fine. The risk is autoplay, long duration, and no way to opt out.
| Feature | MVPHub | WAVE accessibility checker | Manual QA pass |
|---|---|---|---|
| Structured motion-risk scoring | Included | Limited | Not included |
| No setup required | Included | Included | Included |
| Live DOM/animation scanning | Not included | Included | Not included |
| Free | Included | Included | Included |
WAVE can scan a live page for some accessibility issues but doesn't focus on motion specifically. Manual QA catches nuance but is slow. Motion Safe gives a fast structured score from your own animation inventory.
Add this tool to your site with the canonical iframe below. It remains hosted and maintained by MVPHub.