<input> with aria-invalid="spelling"
← Return to main list
This is a test case designed to determine how the aria-invalid attribute, applied to the <input> element, is announced by various screen readers.
Example
Code
<div>
<label for="name">Name</label>
<input type="text" id="name" aria-invalid="spelling">
</div>
Assistive technologies
VoiceOver
- Chrome: Name. Invalid spelling. Edit text.
- Firefox: Name. Invalid spelling. Edit text.
- Safari: Name. Invalid spelling. Edit text.
NVDA
- Chrome: Name. Edit. Invalid entry. Spelling. Error. Blank.
- Firefox: Name. Edit. Invalid entry. Has autocomplete. Spelling. Error. Blank.
- Edge: Name. Edit. Invalid entry. Spelling. Error. Blank.
JAWS
- Chrome: Name. Edit. Invalid entry. Type in text. [Spelling not announced]
- Firefox: Name. Edit. Invalid entry. Type in text. [Spelling not announced]
- Edge: Name. Edit. Invalid entry. Type in text. [Spelling not announced]
← Return to main list