Accessibility glossary

Reduced motion

A user preference to minimize animation, which sites should respect via the prefers-reduced-motion media query.

Animations and parallax can cause nausea or distraction for users with vestibular disorders. The prefers-reduced-motion CSS media query lets you honor a user’s system setting and tone motion down.

Auto-moving content also needs a pause control under WCAG 2.2.2.

Example

@media (prefers-reduced-motion: reduce) { * { animation: none; } }

Related terms

Frequently asked questions

What does Reduced motion mean?
A user preference to minimize animation, which sites should respect via the prefers-reduced-motion media query.

Stay ahead of accessibility rules

Practical WCAG, ADA & EAA updates, new free tools, and plain-English guides — occasional emails, no spam.