Skip to content

Respect prefers-reduced-motion FIX - #410

Merged
Jagadeeshftw merged 1 commit into
AnchorNet-Org:mainfrom
Mitch5000:Respect-prefers-reduced-motion-FIXED
Jul 27, 2026
Merged

Respect prefers-reduced-motion FIX#410
Jagadeeshftw merged 1 commit into
AnchorNet-Org:mainfrom
Mitch5000:Respect-prefers-reduced-motion-FIXED

Conversation

@Mitch5000

Copy link
Copy Markdown
Contributor

Description

Fixes accessibility issue where TableSkeleton (src/components/TableSkeleton.tsx) applied Tailwind's animate-pulse unconditionally, ignoring OS-level prefers-reduced-motion: reduce. Adds motion-reduce:animate-none as a CSS-only reduced-motion variant, preserves the static bar layout, and updates TableSkeleton.test.tsx to assert the reduced-motion class is present. No new attack surface; purely an accessibility accommodation.

Closes: reduced-motion issue for TableSkeleton

Checklist

  • I added a CHANGELOG.md entry under the next ## [x.y.z] section (see the Format note at the top of CHANGELOG.md), or this PR is docs-only / test-only / internal tooling and doesn't change user-facing behavior.

  • Tests added/updated for the change.


Files changed:

  • /home/user/src/components/TableSkeleton.tsx
  • /home/user/src/components/TableSkeleton.test.tsx
  • /home/user/CHANGELOG.md

Validation:

  • 3/3 tests pass (TableSkeleton.test.tsx)
  • 100% file coverage (TableSkeleton.tsx)
  • ESLint clean on modified files
  • Build error (PoolsPanel.tsx) is pre-existing and unrelated
  • Confidence: 99%

Closes #125

@Jagadeeshftw
Jagadeeshftw merged commit a417495 into AnchorNet-Org:main Jul 27, 2026
1 check failed
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.

Respect prefers-reduced-motion in TableSkeleton's pulse animation

2 participants