prefers-reduced-motion: less optional movement

Useful to know

prefers-reduced-motion checks whether the user has stated a preference for limiting non-essential movement. In CSS, this can be used with @media (prefers-reduced-motion: reduce). Preference does not say which animations are appropriate; this remains a design decision. [1]

With a carousel, for example, you can remove the automatic drag, and with a decorative background, the continuous drag. The relationship between action and outcome should remain clear and without these effects. These are examples of adaptation, not medical claims.

Do not arbitrarily exclude any animation with a general rule if the logic of the application depends on an event for its end. Check her behavior with a system preference activated. Keep loading states, success and error visible through text or other clear signals so that the movement is not the only medium of information.