Vestibular Disorders and Parallax Risks
Understand why big motion harms some users.
Vestibular Disorders and Parallax Risks is a free Web Accessibility Academy lesson on CoddyKit — lesson 2 of 4. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the Web Accessibility Academy learning path, one of 4 lessons in the course, and your progress syncs across the web and the CoddyKit app.
The Balance System
Your inner ear runs a balance system called the vestibular system. When it misfires, ordinary screen motion can feel deeply wrong. 🌀
What a Disorder Feels Like
A vestibular disorder can turn a scrolling animation into dizziness, nausea, or a headache that lingers long after you look away.
It Is More Common Than You Think
Millions of adults live with some vestibular condition. They are quietly part of the audience for every site you ship.
Parallax Is a Top Trigger
In parallax scrolling, layers move at different speeds. That mismatch is exactly the kind of conflicting motion that upsets the inner ear.
Large Movement Is the Problem
The trouble is scale. Big sweeps, zooms, and full-screen slides cause far more discomfort than a small, quick fade ever will.
Speed and Distance Add Up
Fast motion across a large distance hits hardest. A slow, short movement is gentler on a sensitive vestibular system.
Auto-Play Removes Consent
Motion the user did not start is worse. Auto-playing backgrounds and looping videos give no warning and no way to brace.
Honor the Preference
Gate risky effects behind the motion query. When a user asks to reduce motion, drop the parallax entirely.
@media (prefers-reduced-motion: reduce) {
.parallax-layer { transform: none !important; }
}Offer a Calm Fallback
Replace the moving scene with a still image or a simple fade. The story still lands without the spinning sensation.
Test With Motion Off
Turn on reduce motion in your own OS and browse the site. If anything still moves dramatically, you have work to do.
Believe the Reports
You may feel fine watching the effect, but a sensitive user will not. Trust their feedback over your own comfort every time.
Quick Check
Which animation technique is a classic vestibular trigger?
Recap
The vestibular system hates large, fast, conflicting motion like parallax. Shrink it, slow it, and drop it when users reduce motion. ✅
Frequently asked questions
Is the “Vestibular Disorders and Parallax Risks” lesson free?
Yes — the full text of “Vestibular Disorders and Parallax Risks” is free to read here on the web, and the Web Accessibility Academy course includes 4 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the Web Accessibility Academy course, upgrade to CoddyKit PRO.
What will I learn in “Vestibular Disorders and Parallax Risks”?
Understand why big motion harms some users. You practise Web Accessibility Academy with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.
Do I need any experience to start Web Accessibility Academy?
No prior experience is required. Web Accessibility Academy on CoddyKit is structured for beginners through advanced learners; this is — lesson 2 of 4, so you can start here or from the beginning and move at your own pace.
How long does the “Vestibular Disorders and Parallax Risks” lesson take?
Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.
Can I write and run code in this Web Accessibility Academy lesson?
Yes. Every Web Accessibility Academy lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.
All lessons in this course
- prefers-reduced-motion in CSS and JS
- Vestibular Disorders and Parallax Risks
- The Three-Flash Threshold for Seizures
- Pause, Stop, Hide for Auto-Moving Content