pattern-library 2 linked patterns checked
Chrome for Developers: Make accessible carousels
Discusses modern accessible carousel implementation with semantic HTML, CSS scrolling features, interactivity, ARIA roles, and accessible controls.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
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. Its value comes from the specific claims and setting described above.
Publisher: Chrome for Developers. Last checked: .