Needless UI

Components

Carousel

Slides in a row that scrolls and snaps, with buttons, dots and rotation.

Keyboard interaction

KeyAction
TabThe rotation control, the buttons, the slides, then the dots.
Left and right arrows on the slidesScroll to the previous or next slide.
Enter or SpacePress the focused button or dot.

Accessibility notes

  • The carousel is a region with aria-roledescription="carousel", and each slide a group with aria-roledescription="slide", named such as “Lake Como, 2 of 4”.
  • The rotation control comes first and says what it will do. Rotation pauses under the pointer and stops when keyboard focus comes in, so it never moves what someone is reading.
  • Where the carousel lands after a swipe, a button or a dot is announced; rotation stays quiet.