HTML input type="color" element test
Test
- The label should be announced
- Users should be able to choose a color using either text input or a system color dialog
Example
Code sample
<label for="a">Name</label>
<input id="a" type="color">
| OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
|---|---|---|---|---|
| Windows 7 | IE 11 |
"Choose a color. Edit. Blank" Input text only |
"Choose a color. Edit. Type in text" Input text only |
|
| Windows 7 | IE 8 | x | x | |
| Windows 7 | Chrome 39 |
"0% Red. 0% green. 0% blue" Cannot input text value |
"Choose a color. 0% Red. 0% green. 0% blue" Color dialog box appears |
|
| Windows 7 | Firefox 34 | "Choose a color. Button" Color dialog box appears but cannot be accessed using keyboard | "Choose a color. Button. To activate press space bar" Color dialog box appears but cannot be accessed using keyboard | |
| OSX 10.9 | Chrome 39 |
"Black. Choose a color. Color well" Color dialog box appears |
||
| OSX 10.9 | Firefox 34 |
"Choose a color. Button" Color dialog box appears |
||
| OSX 10.9 | Safari 7 |
"Choose a color. Edit text" Input text only |