• Success Criterion 2.2.2
  • Conformance level A

Carousel Pause That Stops the Slide but Not the Announcements

2.2.2 — Pause, Stop, Hide

Scenario

Setting

A community forum's discussion thread

What’s wrong

Carousel pause stops the visual slide but auto-advancing focus/announcements continue.

Example 

pauseBtn.onclick = () => clearInterval(slideTimer);
// a separate timer keeps updating the live region:
setInterval(() => liveRegion.textContent = nextAnnouncement(), 6000);

Why it matters

A screen reader user who pauses a featured-threads carousel still hears new announcements interrupting the discussion they're reading.

How to test

Activate the carousel's pause control: check whether it stops the visual slide AND any auto-advancing focus or screen reader announcements — if announcements/focus continue moving, it fails.

How to fix

Stop every timer tied to the carousel, including the one feeding the live region.

function pauseCarousel() {
  clearInterval(slideTimer);
  clearInterval(announceTimer);
}

Outcome

A screen reader user pauses the carousel and hears silence, matching what sighted users see.

Who is affected

Screen reader users get no real pause since the live region keeps announcing new items after the visual freeze.

Learn more

Related scenarios