Success Criterion 2.2.2
Conformance level A

Site-Wide Ambient Animation That Ignores Reduced-Motion Settings

2.2.2 — Pause, Stop, Hide

Scenario

Setting

A webinar platform's registration form

What’s wrong

Parallax/continuous ambient animations running site-wide with no reduce/stop switch (and ignoring prefers-reduced-motion).

Example

This shows up on a webinar platform's registration form: parallax/continuous ambient animations running site-wide with no reduce/stop switch (and ignoring prefers-reduced-motion).

Why it matters

People with attention disabilities, low vision, or screen-reader users who lose place when content moves. In this case (a webinar platform's registration form), they lose their place when content moves unexpectedly.

How to test

Check the whole page for parallax or continuous ambient animation: if it runs site-wide with no reduce/stop switch and ignores the OS's prefers-reduced-motion setting, it fails.

How to fix

A visible, keyboard-usable control must pause, stop, or hide the moving, blinking, or auto-updating content.

Outcome

Once corrected, a webinar platform's registration form lets them finish the task at their own pace.

Who is affected

People with attention disabilities, low vision, or screen-reader users who lose place when content moves.

Learn more

Understanding Understanding document (opens in a new tab)