slider
Characteristics
Superclass Role:
- input
- range
Required States and Properties:
- aria-valuemax
- aria-valuemin
- aria-valuenow
Supported States and Properties:
- aria-orientation
Inherited States and Properties:
- aria-atomic
- aria-busy (state)
- aria-controls
- aria-describedby
- aria-disabled (state)
- aria-dropeffect
- aria-flowto
- aria-grabbed (state)
- aria-haspopup
- aria-hidden (state)
- aria-invalid (state)
- aria-label
- aria-labelledby
- aria-live
- aria-owns
- aria-relevant
- aria-valuetext
Name From:
- author
Accessible Name Required:
- True
Children Presentational:
- True
A user input where the user selects a value from within a given range.
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. The left/ down arrow key should be assigned to decrease the value while right/ up arrow keys should increase the value. 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.
Microsoft Active Accessibility accRole Property:
- ROLE_SYSTEM_SLIDER
UI Automation ControlType Property:
- Slider
UI Automation AriaRole Property:
- slider