Level AOperable
2.2.2

Pause, Stop, Hide

Moving, blinking, or auto-updating content that runs more than 5 seconds needs a way to pause, stop, or hide it.

In plain English

An auto-advancing carousel that flips before you finish reading, a marquee that scrolls announcements, a “someone just bought this” ticker, these move on their own. For people with attention differences or those using screen magnifiers, they are a real barrier: content vanishes before it can be read, and motion pulls focus away. This rule says: if it moves (or auto-updates) for more than 5 seconds, give people a way to pause, stop, or hide it.

Who this is for

  • People with attention or cognitive differences, who are distracted by motion.
  • Screen-magnifier users, who lose content that moves out of view.
  • Anyone, who wants to read a carousel slide before it flips.

How to check and fix it yourself

Find anything that moves or updates on its own. Does it run past 5 seconds? If so, add a visible pause control (and ideally do not auto-play at all).

Carousel      → add a pause/play button; pause on hover and focus.  ✓
Announcement  → make it static, or add a stop control.               ✓
Live ticker   → provide a way to pause or hide it.                   ✓

Where we can help

Auto-motion usually comes from theme carousels and marketing apps. We flag every moving or auto-updating element that lacks a pause control and show the fix. It is a frequent item on the common failures list.

How to meet it

Techniques the W3C accepts as sufficient (summarized). Follow a link for the full method.

Common mistakes

Patterns the W3C lists as failures of this criterion. Avoid these.

Frequently asked questions

What does pause, stop, hide require?+

Success Criterion 2.2.2 (Level A) says that for any moving, blinking, scrolling, or auto-updating information that starts automatically, lasts more than 5 seconds, and appears alongside other content, users must be able to pause, stop, or hide it.

What are common examples on a store?+

Auto-advancing hero carousels, scrolling announcement bars, animated promo banners, and live-updating feeds (like a 'someone just bought this' ticker). If they move on their own and run longer than 5 seconds, they need a pause control.

How is this different from the flashing rule?+

2.3.1 (Three Flashes) is about seizure risk from rapid flashing. 2.2.2 is about distraction and control: moving or auto-updating content that people need to be able to stop so they can read and focus.

Reference

This is a plain-language explainer. The authoritative source is the W3C Web Content Accessibility Guidelines (WCAG) 2.2.

WCAG 2.2 © W3C. Excerpts are paraphrased; see the linked documents for the normative text.

Not sure if your store passes 2.2.2?

A human auditor checks this and every other criterion against your live store, and documents the result.

Book an audit