Detailed overview of the accessibility features implemented in CoreUI Vue Stepper, ensuring compliance with WAI-ARIA guidelines.
On this page
Accessibility (A11Y)
The Vue Stepper component is fully accessible out of the box:
- Step buttons use
role="tab"and related ARIA attributes (aria-selected,aria-controls,tabindex) - Step content areas are labeled with
role="tabpanel"and properly linked - Screen readers are notified of changes with
aria-live="polite" - Full keyboard support is included
Keyboard support
The Stepper component supports comprehensive keyboard navigation out of the box:
| Key | Function |
|---|---|
| ArrowLeft / ArrowUp | Moves focus to previous step. |
| ArrowRight / ArrowDown | Moves focus to next step. |
| Home / End | Jumps focus to first or last step |