HTML input type="date" element
Test
- The label should be announced
- Users should be able to choose a date using either text input or a spinner box function
Example
Code sample
<label for="a">Date</label>
<input id="a" type="date">
| OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
|---|---|---|---|---|
| Windows 7 | IE 11 | "Date. Edit. Blank" | "Date. Edit. Type in text" | |
| Windows 7 | IE 8 | x | x | |
| Windows 7 | Chrome 39 |
"Date. Date edit. Month. Spin button. Blank" "Day. Spin button. Blank" "Year. Spin button. Blank" |
"Month. Edit. Spin box. Blank. To set the value use the arrow keys or type the value" "Day. Edit. Spin box. Blank. To set the value use the arrow keys or type the value" "Year. Edit. Spin box. Blank. To set the value use the arrow keys or type the value" |
|
| Windows 7 | Firefox 34 | "Date. Edit with autocomplete. Blank" | "Date. Edit. Type in text" | |
| OSX 10.9 | Chrome 39 |
Label not announced Shows three date picker functions "Blank. Vertical stepper" "Blank. Vertical stepper" "Blank. Vertical stepper" |
||
| OSX 10.9 | Firefox 34 | "Date. Text" | ||
| OSX 10.9 | Safari 7 | "Date. Edit. Text" |