Slider Role

Previous search role

A slider role is used to represent a slider on a web page. A slider is used to select a value from available values. For example to select volume from 0% to 100%. The minimum and maximum values of the slider can be intimated to the screen reader user using “aria-valuemin” and “aria-valuemax” while the current value is represented using “aria-valuenow”.

Content developers are advised to provide the option for increasing and decreasing the values of the slider using the keyboard arrow keys. Left/ down arrow key should be assigned to decrease the value while right/ up arrow keys should increase the values. Home and End keys should help the user to jump directly to minimum and maximum values possible. Page up and Page down should allow the user to jump denominations in bulk.

Next Spinbutton role