Carousel
A carousel shows one slide at a time with previous / next controls that wrap around. The container is announced as a carousel and each slide as a slide (via `aria-roledescription`) with an “N of M” position label, so it is navigable and intelligible to assistive technology rather than a generic group of boxes.
- Axe
- Focus
Preview
First slide
Second slide
Third slide
Installation
npx shadcn@latest add https://ui.publictheta.com/r/carousel.jsonConformance
Verified against the @publictheta/ui-spec carousel specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.
- Axe — No WCAG 2 A/AA axe-core violations
- Focus — A visible focus indicator appears on keyboard focus (WCAG 2.4.7)
See the full conformance matrix across all components.