aria-valuemax

The aria-valuemax attribute defines the maximum value allowed for range widgets. It is similar to the max attribute of <progress>, <meter>, and <input> of type range, number and all the date-time types.

When creating a range type role, including meter, scrollbar, slider, and spinbutton on a non-semantic element, the aria-valuemax enables defining a maximum that is more than the minimum value and is a required attribute of slider, scrollbar and spinbutton.

Declaring the minimum and maximum values allows assistive technologies to convey the size of the range to users. The minimum value is defined with aria-valuemin.

The code below shows a simple slider with a maximum value of 9.

<div id="dimesLabel">Dimes</div>
<div
  role="slider"
  aria-valuenow="0"
  aria-valuemin="0"
  aria-valuemax="9"
  aria-labelledby="dimesLabel"
  id="dimes"></div>

<number>

An integer or decimal number that is greater than the minimum value.

Element.ariaValueMax

The ariaValueMax property, part of the Element interface, reflects the value of the aria-valuemax attribute.

ElementInternals.ariaValueMax

The ariaValueMax property, part of the ElementInternals interface, reflects the value of the aria-valuemax attribute.

Used in roles:

• meter
• scrollbar (required)
• separator
• slider (required)
• spinbutton (required)

Inherited into roles:

• meter
• progressbar
• scrollbar
• slider
• spinbutton

• range role
• <input type="range> element max attribute
• aria-valuemin
• aria-valuenow