• Success Criterion 2.2.2
  • Conformance level A
  • W3C reference F16

Auto-Scrolling Ticker or Slider With No Pause Button

2.2.2 — Pause, Stop, Hide

Scenario

Setting

A weather app's forecast screen

What’s wrong

Scrolling or moving content (ticker, marquee, slider) runs automatically with no pause/stop/hide button.

Example 

<marquee scrollamount="6">Severe weather alert: flash flood warning until 8pm...</marquee>

Why it matters

A user trying to read a severe weather alert can't stop the ticker long enough to finish the sentence.

How to test

Time any moving, blinking, scrolling, or auto-updating content: if it runs longer than 5 seconds with no visible pause/stop/hide control, it fails.

How to fix

Replace the marquee tag with a scrolling region a real button can pause.

<div id="ticker" aria-live="off">Severe weather alert...</div>
<button onclick="toggleTicker()">Pause ticker</button>

Outcome

Pausing the ticker, a user reads the full weather alert without it scrolling away.

Who is affected

Users with reading or attention difficulties, including some with ADHD, can't keep pace with the constant scroll.

Learn more

Related scenarios