pattern-library checked
Chrome for Developers: Make accessible carousels
Discusses modern accessible carousel implementation with semantic HTML, CSS scrolling features, interactivity, ARIA roles, and accessible controls.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Carousel | Choose carousel when a small set of peer slides must share a constrained visual slot and users can move through them with explicit controls. | Previous and next controls change the current slide by one step or follow a clearly indicated wrap rule. | Supports semantic modern carousel implementation with accessible controls. |
| Carousel auto-advance without pause | Flag the anti-pattern whenever visible carousel content changes automatically and a pause or stop control is missing, delayed, hidden, or unreachable before the moving content. | Pause or Stop rotation immediately freezes the visible slide, updates the motion state, and remains available for resume or restart. | Chrome supports accessible carousel structure and avoiding hidden interactive slide content. |
Evidence Role
This source is treated as pattern-library evidence. Use it to validate the decision rules above, not as a visual style reference.
Publisher: Chrome for Developers. Last checked: .