Avoid parallax effects

Check as complete

A parallax effect is a design trend where background elements move at different speeds than foreground elements while scrolling. This type of motion is harmful to people with vestibular disorders and should be avoided or used with extreme caution and restraint.

Parallax effects are most harmful when they:

  • Take up a lot of space
  • Appear behind or near text
  • Occur multiple times on a page

Note: If you must use parallax effects, limit them to one per page and minimize the size and depth of each effect.

Useful resources:

WCAG reference:

2.3.3: Animation from Interactions

Back to checklist

Total progress

Congratulations on making the web a more accessible place. Celebrate your work on Twitter.
Celebration horn and streamer emoji
0 / 0
Hide progress
Show progress