`<input>` with `max` and `aria-valuemax`

← Return to main list

This is a test case designed to determine how the max and aria-valuemax attributes are announced. In real situations, authors should always provide clear instructions on how to successfully complete form questions.

Example

Code

<div>
  <label for="number">Choose a number</label>
  <input 
    type="number"
    id="number"
    max="20"
    aria-valuemax="20"
  >
</div>

Assistive technologies

VoiceOver

Chrome: Choose a number. Stepper. [max and aria-valuemax attributes not announced]
Firefox: Choose a number. Stepper. [max and aria-valuemax attributes not announced]
Safari: Choose a number. Incrementable. Edit text. [max and aria-valuemax attributes not announced]

NVDA

Chrome: Choose a number. Spin button. Editable. Blank. [max and aria-valuemax attributes not announced]
Firefox: Choose a number. Spin button. Has autocomplete. Editable. Blank. [max and aria-valuemax attributes not announced]
Edge: Choose a number. Spin button. Editable. Blank. [max and aria-valuemax attributes not announced]

JAWS

Chrome: Choose a number. Edit. Spin box. To set the value use the arrow keys or type the value. [max and aria-valuemax attributes not announced]
Firefox: Choose a number. Edit. Spin box. To set the value use the arrow keys or type the value. [max and aria-valuemax attributes not announced]
Edge: Choose a number. Edit. Spin box. To set the value use the arrow keys or type the value. [max and aria-valuemax attributes not announced]