- Success Criterion 2.2.2
- Conformance level A
- W3C reference F50
Script-Driven Blinking Content With No Way to Stop It
2.2.2 — Pause, Stop, Hide
Scenario
Setting
A food delivery app's restaurant menu
What’s wrong
A script makes content blink continuously and nothing stops it within 5 seconds.
Example
<div class="carousel" data-autoplay="true"></div>Why it matters
People with attention disabilities, low vision, or screen-reader users who lose place when content moves.
How to test
Time any script-driven blinking effect: if it doesn't stop within 5 seconds and there's no stop control, it fails.
How to fix
Stop script-driven blinking within 5 seconds or provide a stop control.
<div class="carousel" data-autoplay="true"></div><button aria-label="Pause carousel">⏸</button>Any auto-updating content past 5 seconds needs a visible pause/stop/hide control.
Outcome
On a food delivery app's restaurant menu, this barrier is gone for people with attention disabilities — they no longer have to work around this.
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)
- Technique Related technique (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
- 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
- Looping Animated GIF With No Way to Freeze It