J3.06.2pause stop hidedesignresearch

Auto-advancing carousels must be pausable

Aliases: carousel pause · stop autoplay · pause moving content

What it is

Slides, banners and auto-advancing cards that change to the next item without being asked put a time limit on reading and on clicking: the current item will be replaced before you finish reading it or hitting its control. An auto-advancing carousel must be pausable (or stoppable, or hideable) so time belongs to the person again. After pause, content stays on the current frame and controls stop running away.

This is not a special case of “can the time limit be lengthened”, and not whether animation distracts attention — those are written elsewhere. The failure here is: the object you meant to operate disappeared before you arrived.

Why it happens

Auto-advance binds “perceive this frame” and “activate a control on this frame” to the same countdown. A screen reader is still speaking the first title while the visual is already on the third; the keyboard just tabbed to “Learn more” as the button unmounts, and focus falls into a hole or onto a different button on the next slide. Pointer users fare no better: the hand is mid-travel, the hit area has swapped, and the click becomes an ad or the wrong detail page.

Carousels are often treated as decoration while every frame still carries links. Decoration may move; once a frame holds operable objects, auto-advance is a time limit on operating them. Pause takes the countdown off that chain so reading and activation can finish on a stable target. “Next” without “Stop” still forces a grab between frames; the limit remains.

Studying it

Find every auto-advancing component (hero, recommendation strip, testimonial wall). Record: does it autoplay by default; is there pause / stop / hide; after pause do focus and links remain; does hover count as pause (the keyboard has no hover).

Walkthrough: Tab into the carousel and stop on a link in one frame, then wait for auto-advance. Lost focus or focus following a control onto another frame means it is not pausable, or pause did not freeze the target. If a reader needs longer than the interval to hear one slide, the default interval already fails.

Where it stops holding

A video or slideshow the user explicitly pressed Play on is not “default auto”; it must still be pausable. A live data wall (quotes, scores) is not a carousel and need not grow a slide pause, but new content should not steal focus. Purely decorative motion with no links or buttons on the frame is closer to stoppable animation than to this carousel leaf; add a hit area and it must be pausable again. Honouring a system reduce-motion setting by freezing the carousel also satisfies.

Applying it

  • Give auto-advancing components an explicit pause or stop that is keyboard-reachable. Do not rely on hover-to-pause alone.
  • After pause, links on the current frame stay clickable and focus does not drop.
  • How to check: Tab to a button on one frame and wait through two auto-advances. If the button changes or focus vanishes, and there is no activatable pause, the carousel is still a time limit on operating it.

Related

  • Same group: J3.06.1 Time limits must be turn-offable, adjustable, or extendable · J3.06.3 Session timeout needs a warning beforehand
  • Nearby: J4.08 Attention and distraction · J2.06 Focus visibility · J3.02 Focus order and focus traps
  • Search terms: pause stop hide · carousel pause · auto-advancing

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/J3.06.2