docsearch icon indicating copy to clipboard operation
docsearch copied to clipboard

feat(a11y): respect reduced-motion preferences

Open ramiy opened this issue 1 month ago • 2 comments

This is an accessibility fix, it adds styling to respect reduced-motion.

All the places with transition or animation should have @media (prefers-reduced-motion: reduce) that resets the duration and delay to 0.

This PR also deletes existing reduced-motion rules. Why? Because they removed all the styling. Reduced motion should not reset styles, and not remove transitions/animations, it should simply display motion-free experience (no delay and no duration).

Testing

To activate reduced motion go to Settings > Accessibility > Motion

78b6670f-cb66-4e10-8bab-11cf64700ee1

ramiy avatar Nov 23 '25 17:11 ramiy