Detailed overview of the accessibility features implemented in CoreUI Vue Autocomplete, ensuring compliance with WAI-ARIA guidelines.
On this page
Accessibility
The Vue Autocomplete component includes several accessibility features:
- ARIA attributes: Proper
role,aria-expanded,aria-haspopup, andaria-autocompleteattributes - Screen reader support: Descriptive labels and announcements for state changes
- Keyboard navigation: Full keyboard support with arrow keys, Enter, Escape, and Tab
- Focus management: Proper focus handling and visual focus indicators
- Semantic markup: Uses appropriate HTML elements and structure
Keyboard shortcuts
| Key | Action |
|---|---|
| Arrow Down | Navigate to the next option or open dropdown |
| Arrow Up | Navigate to the previous option |
| Enter | Select the highlighted option |
| Escape | Close the dropdown and clear focus |
| Tab | Accept hint completion (when hints are enabled) |
| Backspace/Delete | Clear input and trigger search |