Vue Range Slider Component Accessibility

Range Slider Accessibility

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

On this page

Accessibility

The Vue.js Range Slider component is built with accessibility in mind. Each slider handle includes the following ARIA attributes:

  • role="slider"
  • aria-valuemin: Minimum value
  • aria-valuemax: Maximum value
  • aria-valuenow: Current value
  • aria-orientation: horizontal or vertical

Additionally, ensure that labels and tooltips are clear and descriptive to provide the best experience for all users.