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