<input>
with disabled
← Return to main list
This is a test case designed to determine how the disabled
attribute, applied to the <input>
element, is announced by various screen readers.
Disabled attributes cannot receive focus, so the only way to test how these attributes are announced is via:
- VoiceOver: Announce next item: VO + Right Arrow
- NVDA and JAWS: Announce next line: DOWN ARROW
Example
Code
<div>
<label for="name">Name</label>
<input type="text" id="name" disabled>
</div>
Assistive technologies
VoiceOver
- Chrome: Name. Dimmed. Clickable. Text.
- Firefox: Name. Dimmed. Edit text.
- Safari: Name. Dimmed. Edit text.
NVDA
- Chrome: [Label] Name. [Input] Edit. Unavailable.
- Firefox: [Label] Name. [Input] Edit. Unavailable.
- Edge: [Label] Name. [Input] Edit. Unavailable.
JAWS
- Chrome: [Label] Name. [Input] Edit. Unavailable.
- Edge: [Label] Name. [Input] Edit. Unavailable.
← Return to main list