- Success Criterion 2.2.2
- Conformance level A
Looping Animated Call-to-Action With No Way to Turn It Off
2.2.2 — Pause, Stop, Hide
Scenario
Setting
An insurance company's claims form
What’s wrong
Countdown animations, pulsing CTAs, or looping Lottie animations >5s with no off switch.
Example
<lottie-player src="pulse-cta.json" loop autoplay></lottie-player>Why it matters
A claimant reviewing their submission before sending it is distracted by a button that pulses nonstop right where they need to focus.
How to test
Time countdown animations, pulsing call-to-action buttons, or looping Lottie animations: beyond 5 seconds with no off switch, it fails.
How to fix
Cap the animation to a couple of plays and add a visible off switch.
<lottie-player src="pulse-cta.json" autoplay count="2"></lottie-player>
<button onclick="stopPulse()">Stop animation</button>Outcome
A claimant reviews their submission calmly without a pulsing button pulling their eyes away.
Who is affected
Users with attention disorders or photosensitivity find the endless pulsing hard to work near while finalizing a claim.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Auto-Scrolling Ticker or Slider With No Pause Button
- Embedded Animation That Blinks for Over 5 Seconds Nonstop
- Script-Driven Blinking Content With No Way to Stop It
- Content That Blinks Past 5 Seconds With No Stop Control
- Auto-Rotating Carousel Running Past 5 Seconds With No Pause
- Autoplaying Background Video With No Way to Pause It