3 ms·
Web animations should be inside @media (prefers-reduced-motion: no-preference) { }
by rado 4y ago
Web animations should be inside
@media (prefers-reduced-motion: no-preference) {
}
- mrob 4y agoUnfortunately, enabling the reduced motion preference leaves you vulnerable to fingerprinting even with Javascript disabled. See: https://news.ycombinator.com/item?id=30237846 https://news.ycombinator.com/item?id=30237846 And reduced motion is still motion. I prefer disabling all CSS animations (see https://news.ycombinator.com/item?id=32094641 https://news.ycombinator.com/item?id=32094641).
- toastal 4y agoThough we still owe it to users to respect that preference if they have set it.
- eyelidlessness 4y agoMost of the time this is a good default approach. But sometimes animation can help to improve accessibility (e.g. when motion or a brief change in emphasis helps convey a state change that may be less noticeable without it). This is where reduced is an important distinction. For cases where animation is helpful but the user prefers reduced motion, the animation’s duration can be reduced and/or the animated property changes can be subtler.