[FEAT] Add support for prefers-reduced-motion in components #193
jannik-busch
started this conversation in
Ideas
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Description
The
prefers-reduced-motion
CSS media feature detects if a user has enabled a device setting to minimize non-essential motion. This setting signals the browser that the user prefers an interface that reduces, removes, or replaces motion-based animations.Motion-heavy animations, such as scaling or panning large objects, can cause discomfort for individuals with vestibular motion disorders, making this an important accessibility feature.
Proposal
In client components, detect if the user prefers reduced motion using CSS or JavaScript with a Media Query.
For example:
Whenever animations are used, they should be disabled or replaced when the
prefers-reduced-motion
setting is detected.Acceptance Criteria
Beta Was this translation helpful? Give feedback.
All reactions