<input type="color">
← Return to main list
This is a test case designed to determine how the <input type="color">
element is announced by various screen readers.
Example
Code
<div>
<label for="color">Choose a color</label>
<input type="color" id="color">
</div>
Assistive technologies
VoiceOver
- Chrome: Black. Choose a colour. Colour well.
- Firefox: Choose a colour. Button.
- Safari: [Element not announced]
NVDA
- Chrome: Clickable. 0% red, 0% green, 0% blue.
- Firefox: Choose a colour. Button.
- Edge: Clickable. 0% red, 0% green, 0% blue.
JAWS
- Chrome: [Element not announced]
- Firefox: Choose a colour. Button.
- Edge: [Element not announced]
← Return to main list