Provide instant anchor scroll option

Smooth scroll animations can trigger vertigo, nausea, and disorientation for users with vestibular disorders—instant navigation is safer and often faster.

Quick Reference

• Disable smooth scroll when prefers-reduced-motion is set
• Use CSS scroll-behavior: smooth with media query check
• Ensure focus moves to anchor target for keyboard users
• Provide instant scroll as default or fallback

Check

Click anchor links (same-page navigation) and verify smooth scrolling is disabled when prefers-reduced-motion is set. Confirm anchor navigation works correctly with keyboard and screen readers.

Fix

Use scroll-behavior: smooth only within a prefers-reduced-motion media query check. Provide instant scrolling as the default or reduced-motion fallback. Ensure focus moves to the anchor target.