Success Criterion 2.2.2
Conformance level A

Pause Button That Only Works While Hovering, Not as a Toggle

2.2.2 — Pause, Stop, Hide

Scenario

Setting

A budget airline's flight search results

What’s wrong

"Pause" control that only pauses on hover then resumes (not a persistent mechanism).

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

Locate the pause control: if it only pauses while hovering and resumes the moment the pointer leaves (not a persistent toggle), it fails.

How to fix

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

<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 budget airline's flight search results, this barrier is gone for people with attention disabilities — they reach the same outcome without extra effort.

Who is affected