A user input where the user selects a value from within a given range.
Description

A user input where the user selects a value from within a given range.

A slider represents the current value and range of possible values via the size of the slider and position of the thumb. It is typically possible to add or subtract to the value by using directional keys such as arrow keys.

Authors MUST set the aria-valuemin, aria-valuemax, and aria-valuenow attributes. If missing, their implicit values follow the same rules as the HTML range input type:

  • If aria-valuemin is missing or not a number, it defaults to 0 (zero).
  • If aria-valuemax is missing or not a number, it defaults to 100.
  • If aria-valuenow is missing or not a number, it defaults to the value half way between aria-valuemin and aria-valuemax.
  • If aria-valuenow is present but less than aria-valuemin, it defaults to the value of aria-valuemin.
  • If aria-valuenow is present but greater than aria-valuemax, it defaults to the value of aria-

Elements with the role slider have an implicit aria-orientation value of horizontal.

© 2018 Digital Accessibility Implementations Resources. All rights reserved.

ARIA