Skip to content

fix(a11y): add prefers-reduced-motion safety to modular animation files#1448

Open
KRUSHAL2956 wants to merge 1 commit into
SAPTARSHI-coder:mainfrom
KRUSHAL2956:fix/1437-modular-reduced-motion-safety
Open

fix(a11y): add prefers-reduced-motion safety to modular animation files#1448
KRUSHAL2956 wants to merge 1 commit into
SAPTARSHI-coder:mainfrom
KRUSHAL2956:fix/1437-modular-reduced-motion-safety

Conversation

@KRUSHAL2956
Copy link
Copy Markdown
Contributor

Pull Request Description

Appends prefers-reduced-motion media query blocks at the end of each modular animation stylesheet (fade.css, slide.css, zoom.css, hover.css, misc.css) in the easemotion/ directory.


Type of Change

  • ♿ Accessibility / Animation Safety Fix

Submission Checklist

  • One feature/bugfix per PR
  • Build, lint, and tests pass successfully
  • All animation files updated

Notes for Maintainer

This PR resolves issue #1437 by ensuring that when these modular animation stylesheets are imported individually (e.g. via CDN or modern CSS import maps), they correctly respect the user's prefers-reduced-motion preferences, complying with WCAG 2.1 AAA Motion Animation guidelines.

Closes #1437

@KRUSHAL2956
Copy link
Copy Markdown
Contributor Author

@SAPTARSHI-coder please review this merge request. This PR appends prefers-reduced-motion media query overrides at the end of all modular animation stylesheets, ensuring independent files respect user accessibility preferences.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

♿ Accessibility: Modular Animation Stylesheets Omit prefers-reduced-motion Safety Rules

1 participant