option element (html)
Screen Reader support level: partial (47/55)
Voice Control support level: partial (12/35)
On this page
About this feature
Age of results
Results across all tests for this feature range from a year ago to 5 years ago. Detailed dates and version information can be found in associated tests.
Caution
Failing or partial results may be out of date. The oldest result is from 5 years ago. Consider running the associated tests and contributing results.
Expectations
Screen Reader support by expectation
Expectation | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
MUST convey its name | supported | supported | supported | supported | supported | supported | supported | supported | supported | partial (1/2) | partial (1/2) |
MUST convey its role | supported | supported | supported | supported | supported | supported | supported | partial (1/2) | supported | supported | partial (1/2) |
MUST convey the value of the option when used in a datalist context | supported | supported | supported | none | supported | supported | none | none | supported | supported | none |
MAY convey information about the position the option in the list | partial (1/2) | partial (1/2) | partial (1/2) | supported | supported | supported | supported | none | none | none | none |
Voice Control support by expectation
Expectation | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
MUST convey its name | some partial support | supported | none | partial (1/2) | supported | none | unknown | unknown |
MUST convey its role | partial (1/2) | supported | not applicable | partial (1/2) | supported | none | unknown | unknown |
MUST convey the value of the option when used in a datalist context | none | supported | none | none | not applicable | none | not applicable | not applicable |
Expectation: convey its name
Rationale:
A screen reader user needs to know what to enter.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: MUST
Notes:
For form inputs - commands to read line by line (down and up arrows in most windows screen readers) will not always result in the name being explicitly conveyed when the virtual focus is moved to an input where the label is visually displayed and programmatically associated with the input. This is acceptable because the name is implied by the fact that it should be naturally found in the reading order. Some screen readers choose to not convey the name in these cases, likely in an effort to reduce verbosity.
Examples:
- A screen reader will announce the name of the option (if present) in addition to the value.
- Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option.
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
HTML input with datalist test | supported | supported | supported | supported | supported | supported | supported | supported | supported | none | none |
HTML select element test | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Test | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
HTML input with datalist test | none | supported | none | none | supported | none | unknown | unknown |
HTML select element test | partial | supported | none | supported | supported | none | unknown | unknown |
Expectation: convey its role
Rationale:
A screen reader user needs to know how they can interact with the element. Voice control software might use the role to help users activate controls that do not have a visible name.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: MUST
Examples:
- A screen reader might announce "option" as the role.
- A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox.
- A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions.
- Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option.
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
HTML input with datalist test | supported | supported | supported | supported | supported | supported | supported | partial | supported | supported | none |
HTML select element test | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Test | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
HTML input with datalist test | none | supported | not applicable | none | supported | none | unknown | unknown |
HTML select element test | supported | supported | not applicable | supported | supported | none | unknown | unknown |
Expectation: convey the value of the option when used in a datalist context
Rationale:
When in a datalist context, both the name and value are displayed, so the user needs to be aware of both.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: MUST
Examples:
- A screen reader will announce the value of the option in addition to the name.
- Voice control software will let the user say something like "choose <value>" to pick an option.
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
HTML input with datalist test | supported | supported | supported | none | supported | supported | none | none | supported | supported | none |
Test | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
HTML input with datalist test | none | supported | none | none | not applicable | none | not applicable | not applicable |
Expectation: convey information about the position the option in the list
Rationale:
When user should be able to determine how many options are in the list and where they are in the list
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MAY
- Voice Control: NA
Examples:
- A screen reader might announce "choose <2 of 10>" when navigating through a list of options
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
HTML input with datalist test | supported | supported | supported | supported | supported | supported | supported | none | none | none | none |
HTML select element test | none | none | none | supported | supported | supported | supported | none | none | none | none |
Related features
These are features that are usually used in combination with this feature.
select element (html)
Dragon | JAWS | Narrator | NVDA | Orca | TalkBack | Voice Access | VC iOS | VC MacOS | VoiceOver (iOS) | VoiceOver (macOS) | Speech Recognition | Windows Voice Access | Windows | Mac | iOS | Android Keyboard |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
supported with 1 unknown result | supported with 1 unknown result | supported with 1 unknown result | supported with 1 unknown result | supported with 1 unknown result | partial (2/5) | partial (1/3) | supported with 1 unknown result | supported with 1 unknown result | supported with 1 unknown result | partial (3/5) | supported with 1 unknown result | unknown | unknown | unknown | unknown | unknown |
We are missing data on some combinations.
optgroup element (html)
Dragon | JAWS | Narrator | NVDA | Orca | TalkBack | Voice Access | VC iOS | VC MacOS | VoiceOver (iOS) | VoiceOver (macOS) | Speech Recognition | Windows Voice Access | Windows | Mac | iOS | Android Keyboard |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
unknown | no known support | no known support | partial (3/10) | no known support | partial (1/4) | unknown | unknown | unknown | partial (2/4) | partial (1/4) | unknown | unknown | unknown | unknown | unknown | unknown |