Slider Example

HTML Range Type Input with Role Set to Slider and Using ARIA-Valuetext for Reporting


Note: If not using range input and using custom HTML elements to build the slider control, developers should follow guidelines for slider in the ARIA Authoring Practices. When using a range input, it is necessary only to set role=slider and update aria-valuetext with appropriate values. The native range input is accessible with mobile screen readers whereas custom sliders will take much more work on mobile to make them accessible.

Some Other Examples for Testing Increments