HTML input type="number" element
Test
- The label should be announced with the element
- If a spin button is present, the value should be announced as users change the value
Example
Code sample
<label for="a">Choose a number</label>
<input id="a" type="number">
| OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
|---|---|---|---|---|
| Windows 7 | IE 11 |
"Choose a number. Edit. Blank" Text input only |
"Choose a number. Edit. Type in text" Text input only |
|
| Windows 7 | IE 8 | x | x | |
| Windows 7 | Chrome 39 |
"Choose a number. Edit. Blank" Up Arrow increases number Down arrow decreases number Number not announced as number increases or decreases |
"Choose a number. Edit. Type in text" Up Arrow increases number Down arrow decreases number Number not announced as number increases or decreases |
|
| Windows 7 | Firefox 34 |
"Choose a number. Spin button. Edit. Blank" Up Arrow increases number Down arrow decreases number Number announced as number increases or decreases |
"Choose a number. Edit. Spin button. Type in text" Up Arrow increases number Down arrow decreases number Number announced as number increases or decreases |
|
| OSX 10.9 | Chrome 39 |
"Choose a number. Edit. Text" Up Arrow increases number Down arrow decreases number Number not announced as number increases or decreases |
||
| OSX 10.9 | Firefox 34 |
"Text. Blank" Label not announced Up Arrow increases number Down arrow decreases number Number not announced as number increases or decreases |
||
| OSX 10.9 | Safari 7 |
"Choose a number. Incremental. Edit. Text" Up Arrow increases number Down arrow decreases number Number announced as number increases or decreases |