The Carousel has solid ARIA roles (region, roledescription, slide labels, tab dots) but no keyboard navigation — you can't use arrow keys to move between slides.
What needs doing:
- Make the carousel container focusable (
tabIndex={0})
- Add an
onKeyDown handler for ArrowLeft / ArrowRight to go prev/next
- Announce slide changes to screen readers (e.g.
aria-live region)
- Bonus: pause autoplay on focus (currently only pauses on hover)
Where to look:
The Carousel has solid ARIA roles (
region,roledescription, slide labels, tab dots) but no keyboard navigation — you can't use arrow keys to move between slides.What needs doing:
tabIndex={0})onKeyDownhandler forArrowLeft/ArrowRightto go prev/nextaria-liveregion)Where to look:
packages/core/src/data/Carousel/Carousel.tsxpackages/core/src/data/Carousel/__tests__/Carousel.test.tsx