Using the aria-valuemax attribute

Description

The aria-valuemax attribute is used to define the maximum value allowed for a range widget such as a slider, spinbutton or progressbar. If the aria-valuenow has a known maximum and minimum, the author SHOULD provide properties for aria-valuemax and aria-valuemin. The value of aria-valuemax MUST be greater than or equal to the value of aria-valuemin.

aria-valuemax is a required attribute of role slider, scrollbar and spinbutton.

Value

String representation of a number

Possible effects on user agents and assistive technology 

If the 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.

Examples

Example 1: 

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">

Working Examples:

• Progressbar example
• Slider example
• Spinbutton example

Notes 

Used With ARIA Roles

• progressbar
• scrollbar
• slider
• spinbutton

Related ARIA techniques 

• aria-valuemin
• aria-valuenow
• aria-valuetext

Compatibility

TBD: Add support information for common UA and AT product combinations

Additional resources

• WAI-ARIA specification for the aria-valuemax attribute