Skip to content

Respect reduced-motion preferences across the application #69

Description

@nexspro

Context

Nexspro uses smooth scrolling, mandatory scroll snapping, continuous decorative animations, transitions, and transform effects.

Users who enable the prefers-reduced-motion accessibility preference should be able to navigate the platform without unnecessary or forced motion.

Scope

  • Audit animations, transitions, transforms, and scrolling effects.
  • Add a global reduced-motion strategy.
  • Disable non-essential infinite animations.
  • Disable smooth scrolling when reduced motion is requested.
  • Replace mandatory scroll snapping with normal scrolling.
  • Preserve the visual identity without compromising accessibility.

Acceptance criteria

  • prefers-reduced-motion: reduce is handled globally.
  • Smooth scrolling is disabled in reduced-motion mode.
  • Mandatory scroll snapping is disabled.
  • Infinite decorative animations are stopped.
  • Scale and transform effects are removed or significantly reduced.
  • No content depends on animation to become visible.
  • Navigation remains fully usable on all public pages.
  • The behavior is covered by an automated test or a documented manual test.

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions