`<input>` with `min` and `aria-valuemin`

← Return to main list

This is a test case designed to determine how the min and aria-valuemin 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"
    min="5"
    aria-valuemin="5"
  >
</div>

Assistive technologies

VoiceOver

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

NVDA

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

JAWS

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