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:
- Your Interactive Makes Me Sick: Why your coolest scrolly features can cause problems, and what to do about it
- Vestibular Issues in Parallax Design
WCAG reference:
Back to checklist
Total progress
Congratulations on making the web a more accessible place. Celebrate your work on Twitter.
0 / 0
Hide progress