<select>
with disabled
← Return to main list
This is a test case designed to determine how the disabled
attribute, applied to the <select>
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="suburb">Suburb</label>
<select id="suburb" disabled>
<option value="Abbotsbury">Abbotsbury</option>
</select>
</div>
Assistive technologies
VoiceOver
- Chrome: Abbotsbury. Suburb. Dimmed. Menu popup. Collapsed. Button.
- Firefox: Abbotsbury. Suburb. Dimmed. Popup. Button.
- Safari: Abbotsbury. Suburb. Dimmed. Popup. Button.
NVDA
- Chrome: [Label] Suburb. [Select] Combobox. Unavailable. Collapsed. Abbotsbury.
- Firefox: [Label] Clickable. Suburb. [Select] Combobox. Unavailable. Collapsed. Abbotsbury.
- Edge: [Label] Suburb. [Select] Combobox. Unavailable. Collapsed. Abbotsbury.
JAWS
- Chrome: [Label] Suburb. [Select] Combobox. Unavailable. Menu. Abbotsbury.
- Edge: [Label] Suburb. [Select] Combobox. Unavailable. Menu. Abbotsbury.
← Return to main list