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.
