spectrum-css
spectrum-css copied to clipboard
[Coachmark][a11y]: subtle animation should support prefers-reduced-motion media query
Description
Coachmark continues to animate subtly despite the prefers-reduced-motion user preference.
Steps to reproduce
- Using Chrome, go to https://opensource.adobe.com/spectrum-css/coachmark.html
- Open Developer Tools > Rendering
- Under Emulate CSS media feature prefers-reduced-motion, select "prefers-reduced-motion: reduce"
Expected behavior
Coachmark elements should not continue to vibrate.
Screenshots
Environment
- Spectrum CSS version: @spectrum-css/[email protected]
- Browser(s) and OS(s): Chrome 114.0.5735.106 (Official Build) (arm64) on macOS
Additional context
- https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions
- https://www.w3.org/WAI/WCAG21/Techniques/css/C39