Provide alternatives to parallax effects

Parallax creates a mismatch between what the eyes see and what the inner ear senses—triggering dizziness, nausea, and vertigo for users with vestibular disorders.

Quick Reference

• Disable parallax when prefers-reduced-motion is set
• Parallax creates depth mismatch triggering vestibular disorders
• Provide user toggle to disable motion effects site-wide
• Ensure essential content is accessible without the effect

Check

Identify parallax effects where background and foreground move at different speeds. Verify these effects are disabled when prefers-reduced-motion is set, and essential content is accessible without the effect.

Fix

Wrap parallax effects in @media (prefers-reduced-motion: no-preference) queries. Provide static fallbacks that convey the same content. Consider adding a user toggle to disable motion effects site-wide.