Skip to content

Fix reduced-motion accessibility across DevTrack motion surfaces#1444

Merged
Priyanshu-byte-coder merged 7 commits into
Priyanshu-byte-coder:mainfrom
DiyaRathod-16:diyacommits
May 29, 2026
Merged

Fix reduced-motion accessibility across DevTrack motion surfaces#1444
Priyanshu-byte-coder merged 7 commits into
Priyanshu-byte-coder:mainfrom
DiyaRathod-16:diyacommits

Conversation

@DiyaRathod-16

@DiyaRathod-16 DiyaRathod-16 commented May 28, 2026

Copy link
Copy Markdown
Contributor

Hi @Priyanshu-byte-coder
Summary:
This PR fixes DevTrack’s reduced-motion accessibility behavior so the app respects users who set prefers-reduced-motion: reduce in their OS or browser. The change reduces or disables non-essential movement across the main motion surfaces in the app, including the landing ticker, entrance animations, counters, and hover transforms.

What changed:

Added a global reduced-motion media query in globals.css to suppress animation and transition motion site-wide for users who prefer reduced motion.
Disabled the landing ticker animation so the scrolling commit strip no longer moves for reduced-motion users.
Forced fade-up content to render immediately so content is never left hidden behind an entrance animation.
Updated the landing-page counter in LandingPage.tsx so numeric animations resolve instantly when reduced motion is enabled.
Guarded the remaining hover scale behavior in DeveloperPersona.tsx so the card motion stays motion-safe.
Kept the existing motion-aware hook behavior aligned with the accessibility preference instead of relying on CSS alone.
Why this matters:

This addresses the motion-triggering behavior reported in the issue and improves accessibility for users with vestibular sensitivity, migraines, or motion sickness.
It follows WCAG 2.2 guidance for respecting prefers-reduced-motion and avoids forcing non-essential animation on users who explicitly opted out.
Validation:

Verified the updated files for errors after the changes.
Confirmed the diyacommits branch is pushed to the forked repository.

@vercel

vercel Bot commented May 28, 2026

Copy link
Copy Markdown

@DiyaRathod-16 is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added gssoc26 GSSoC 2026 contribution type:accessibility GSSoC type bonus: accessibility (+15 pts) type:bug GSSoC type bonus: bug fix labels May 28, 2026
@github-actions

Copy link
Copy Markdown

GSSoC Label Checklist 🏷️

@Priyanshu-byte-coder — please apply the appropriate labels before merging:

Difficulty (pick one):

  • level:beginner — 20 pts
  • level:intermediate — 35 pts
  • level:advanced — 55 pts
  • level:critical — 80 pts

Quality (optional):

  • quality:clean — ×1.2 multiplier
  • quality:exceptional — ×1.5 multiplier

Validation (required to score):

  • gssoc:approved — counts for points
  • gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

@Priyanshu-byte-coder Priyanshu-byte-coder added gssoc:approved GSSoC: PR approved for scoring level:intermediate GSSoC: Intermediate difficulty (35 pts) labels May 29, 2026
@Priyanshu-byte-coder

Copy link
Copy Markdown
Owner

Hi! Your PR has merge conflicts with the current main branch. Please rebase your branch on latest main and resolve the conflicts:

git fetch upstream
git rebase upstream/main
# resolve any conflicts
git push --force-with-lease origin your-branch

Once resolved, we'll merge it in. Thanks!

@github-actions github-actions Bot added the type:testing GSSoC type bonus: tests (+10 pts) label May 29, 2026
@Priyanshu-byte-coder
Priyanshu-byte-coder merged commit a9ee73e into Priyanshu-byte-coder:main May 29, 2026
9 of 10 checks passed
@github-actions

Copy link
Copy Markdown

🎉 Merged! Thanks for contributing to DevTrack.

If the project has been useful to you, a ⭐ star on the repo is the easiest way to support it — it helps DevTrack get discovered by more developers.

Keep an eye on open issues for your next contribution!

@DiyaRathod-16

Copy link
Copy Markdown
Contributor Author

@Priyanshu-byte-coder
please give me gssoc approved and other labels.

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

Labels

gssoc:approved GSSoC: PR approved for scoring gssoc26 GSSoC 2026 contribution level:intermediate GSSoC: Intermediate difficulty (35 pts) type:accessibility GSSoC type bonus: accessibility (+15 pts) type:bug GSSoC type bonus: bug fix type:testing GSSoC type bonus: tests (+10 pts)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants