Add reduced motion accessibility support#107
Conversation
|
@jaygaikar-09 is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
@jaygaikar-09 do resolve the merge conflicts to merge the PR |
|
@Harshada-Yele Done!! |
|
@jaygaikar-09 |
|
@Harshada-Yele Done! |
komalharshita
left a comment
There was a problem hiding this comment.
Thanks for the contribution and for working on accessibility improvements for DevPath.
However, after review, this PR cannot be merged in its current form because it includes a large number of unrelated CSS removals and modifications beyond the scope of adding reduced-motion support.
The issue specifically targets accessibility improvements using prefers-reduced-motion, but this PR additionally modifies/removes styles related to:
- navigation
- mobile menu behavior
- badges
- hover effects
- branding styles
- shared layout/UI components
These unrelated changes introduce unnecessary regression risk in globally shared styles and make the PR unsafe to merge as an accessibility-focused contribution.
For maintainability and safe review practices, accessibility PRs should remain tightly scoped and avoid unrelated style rewrites or cleanup.
Since the PR scope has diverged significantly from the intended issue and would require substantial restructuring/rework, this PR is being closed rather than merged.
You are welcome to open a new, smaller PR focused only on:
prefers-reduced-motion- animation/transition overrides
- motion accessibility improvements directly tied to the issue
Appreciate the effort and understanding.
Summary
Added reduced-motion accessibility support using a
prefers-reduced-motionmedia query instatic/style.css. This update reduces animations and transitions for users who enable reduced motion in their operating system accessibility settings while preserving the existing layout and default animations for other users.Closes #80
Type of Change
What Was Changed
static/style.cssprefers-reduced-motionmedia query to reduce animations, transitions, and smooth scrolling for accessibilityHow to Test