Using the aria-valuemax attribute
The aria-valuemax attribute is used to define the maximum value allowed for a range widget such as a slider, spinbutton or progressbar.
aria-valuenow has a known maximum and minimum, the author SHOULD provide properties for
aria-valuemin. The value of
aria-valuemax MUST be greater than or equal to the value of
String representation of a number
aria-valuemax is indeterminate, or if
aria-valuemin is not less than or equal to the value of
aria-valuemax, this creates an error condition that will be handled by the assistive technology.
Note: Opinions may differ on how assistive technology should handle this technique. The information provided above is one of those opinions and therefore not normative.
The snippet below shows a simple slider with a maximum value of 10.
<div role="slider" aria-valuenow="4" aria-valuemin="1" aria-valuemax="10">
- WAI-ARIA Authoring Practices: Horizontal Slider Example
- WAI-ARIA Authoring Practices: Horizontal Multi-Thumb Slider Example
- WAI-ARIA Authoring Practices: Slider Examples with aria-orientation and aria-valuetext
- Deque Code Library of Accessibility Examples: Slider
- Deque Code Library of Accessibility Examples: Slider (Multirange)
TBD: Add support information for common UA and AT product combinations