2.3.3 Animation from Interactions (Level AAA) — WCAG 2.1
WCAG 2.1 Success Criterion 2.3.3 Animation from Interactions (Level AAA): what it requires, a common e-commerce accessibility failure, and how to fix it.
This is educational technical reference content, not legal advice. It explains what WCAG 2.1 requires and how to meet it — not whether a specific site carries legal risk. Compliance with WCAG, the ADA, or any other accessibility law or standard is a legal determination; consult qualified counsel for legal risk assessment.
WCAG 2.1 guidelines hub → Operable → 2.3.3 Animation from Interactions
2.3.3 Animation from Interactions (Level AAA)
What it requires: Motion animation triggered by user interaction (not essential to the function) can be disabled by the user — relevant to users with vestibular disorders who experience real physical symptoms from parallax and motion effects.
Common failure: A page uses aggressive parallax-scrolling effects on product imagery with no way to turn the motion off, and doesn’t respect the operating system’s “reduce motion” setting.
Fix it: Respect the prefers-reduced-motion CSS media query to disable or minimize non-essential animation for users who’ve set that system preference, and provide an in-page toggle if animation is central to the design.
In 2.3 Seizures and Physical Reactions: ← 2.3.2 Three Flashes
This is educational technical reference content, not legal advice. It explains what WCAG 2.1 requires and how to meet it — not whether a specific site carries legal risk. Compliance with WCAG, the ADA, or any other accessibility law or standard is a legal determination; consult qualified counsel for legal risk assessment.
This page was drafted with AI assistance and reviewed by a person for accuracy before publication.