<textarea>
with disabled
← Return to main list
This is a test case designed to determine how the disabled
attribute, applied to the <textarea>
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="comment">Add a comment</label>
<textarea id="comment" disabled></textarea>
</div>
Assistive technologies
VoiceOver
- Chrome: Add a comment. Dimmed. Clickable. Text.
- Firefox: Add a comment. Dimmed. Edit text.
- Safari: Add a comment. Dimmed. Edit text.
NVDA
- Chrome: [Label] Add a comment. [Textarea] Edit. Unavailable. Multiline.
- Firefox: [Label] Clickable. Add a comment. [Textarea]Edit. Unavailable. Multiline.
- Edge: [Label] Add a comment. [Textarea]Edit. Unavailable. Multiline.
JAWS
- Chrome: [Label] Add a comment. [Textarea] Edit. Unavailable.
- Edge: [Label] Add a comment. [Textarea] Edit. Unavailable. Multiline.
← Return to main list