Accessibility in Vue Range navigator component
3 Mar 20231 minute to read
Accessibility is achieved in the range navigator control through WAI-ARIA standard. The range navigator features can be effectively accessed through assistive technologies such as screen readers.
WAI-ARIA
WAI-ARIA (Accessibility Initiative – Accessible Rich Internet Applications) defines a way to increase the accessibility of web pages, dynamic content, and user interface components developed with AJAX, HTML, JavaScript, and related technologies. ARIA provides additional semantics to describe the role, state, and functionality of web components.
The following ARIA attributes are used in the range navigator:
Element | Default description |
Selected Area | Reads range selector data points length |