What you need to know

Some people experience discomfort from parallax, large transitions, or repeated animation. A page should still communicate state and remain complete when those effects are removed.

How to apply it

Use the prefers-reduced-motion media query to shorten or disable nonessential movement, keep status changes visible through text or color as well, and test the reduced setting on a real device.

Common mistake to avoid

Do not hide information inside an animation that disappears when reduced motion is enabled. The final state must remain understandable.