Skip to content

Accessibility

Use <button> for item controls so keyboard and focus behavior are native.

  • Add meaningful button text (or aria-label when text is not visible).
  • Keep the active button state synchronized with your carousel content.
  • Mark the active item with aria-current="true" (or aria-current="step") when appropriate for your UX.