Add support for the prefers-reduced-motion media query across the cps-ui-kit components. Components that use animations, transitions, scrolling, loading indicators, or other motion effects should reduce, simplify, or disable non-essential motion when the user has enabled the operating system's Reduce Motion accessibility setting.
Some users experience discomfort, dizziness, or motion sensitivity from UI animations. Supporting prefers-reduced-motion improves accessibility, aligns with WCAG guidance and platform accessibility settings, and ensures our components respect user preferences consistently across applications.
Add support for the
prefers-reduced-motionmedia query across thecps-ui-kitcomponents. Components that use animations, transitions, scrolling, loading indicators, or other motion effects should reduce, simplify, or disable non-essential motion when the user has enabled the operating system's Reduce Motion accessibility setting.Some users experience discomfort, dizziness, or motion sensitivity from UI animations. Supporting
prefers-reduced-motionimproves accessibility, aligns with WCAG guidance and platform accessibility settings, and ensures our components respect user preferences consistently across applications.