Skip to main content
UI Patterns

Carousel / Slider

Provide pause/stop controls. Support keyboard navigation (arrows for slides). Role='group' on each slide with aria-roledescription='slide'. Auto-rotation must respect prefers-reduced-motion.

In plain terms

Rotating slideshows need a pause button and keyboard controls — auto-spinning content is hard to read and easy to lose.

Why this matters

Auto-rotating carousels move content away before slow readers finish, and ones without keyboard support strand keyboard and screen-reader users. The motion can also distract or nauseate.

How to detect

Quick check

Check for a visible pause/stop control, keyboard access to each slide and control, and that rotation respects 'reduce motion'. Confirm hidden slides aren't reachable by Tab.