Vue Chip Component Accessibility

Chip Accessibility

Detailed overview of the accessibility features implemented in CoreUI Vue Chip, ensuring compliance with WAI-ARIA guidelines.

On this page

Accessibility

The Vue Chip component follows WAI-ARIA authoring practices and includes:

  • aria-selected attribute for selectable chips indicating selection state
  • aria-disabled attribute for disabled chips
  • aria-label on remove button for screen reader support
  • tabindex="0" for keyboard-focusable chips
  • Proper keyboard event handling for navigation and interaction