Notice: This is a work in progress. Please submit feedback or suggestions.

option element (html)

Screen reader support level: partial (39/50)

Voice Control support level: partial (8/23)

On this page

Expectations

What are expectations?

Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
MUST convey an appropriate namepartial (5/6)supportedsupportedsupportedsupportedpartial (1/2)partial (1/2)
MUST convey an appropriate rolepartial (5/6)supportedsupportedpartial (1/2)supportedsupportedpartial (1/2)
MUST convey the value of the option when used in a datalist contextpartial (2/3)nonepartial (1/2)nonesupportedsupportednone
SHOULD convey information about the position the option in the listpartial (2/6)supportedpartial (2/4)nonenonesome partial supportnone

Voice Control support by expectation

ExpectationDragon Naturally SpeakingVoice Access (Android)Voice Control (iOS)Voice Control (MacOS)Windows Speech Recognition
MUST convey an appropriate namesome partial supportsupportednonepartial (1/2)none
MUST convey an appropriate rolepartial (1/2)supportednot applicablepartial (1/2)none
MUST convey the value of the option when used in a datalist contextnonesupportednonenonenone

Expectation: convey an appropriate name

Rationale: A screen reader user needs to know what to enter.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: MUST

Examples of assistive technologies support this expectation:

  • 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.
Screen Reader support for 'MUST convey an appropriate name'
TestJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeIEFirefoxEdgeChromeFirefoxFirefoxChromeSafariSafari
HTML input with datalist testsupportednonesupportedsupportedsupportedsupportedsupportedsupportednonenone
HTML select element testsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupported
Voice Control support for 'MUST convey an appropriate name'
TestDragon Naturally SpeakingVoice Access (Android)Voice Control (iOS)Voice Control (MacOS)Windows Speech Recognition
ChromeChromeSafariSafariChrome
HTML input with datalist testnonesupportednonenonenone
HTML select element testpartialsupportednonesupportednone

Expectation: convey an appropriate 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 these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: MUST

Examples of assistive technologies support this expectation:

  • 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.
Screen Reader support for 'MUST convey an appropriate role'
TestJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeIEFirefoxEdgeChromeFirefoxFirefoxChromeSafariSafari
HTML input with datalist testsupportednonesupportedsupportedsupportedsupportedpartialsupportedsupportednone
HTML select element testsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupportedsupported
Voice Control support for 'MUST convey an appropriate role'
TestDragon Naturally SpeakingVoice Access (Android)Voice Control (iOS)Voice Control (MacOS)Windows Speech Recognition
ChromeChromeSafariSafariChrome
HTML input with datalist testnonesupportednot applicablenonenone
HTML select element testsupportedsupportednot applicablesupportednone

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 these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: MUST

Examples of assistive technologies support this expectation:

  • 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.
Screen Reader support for 'MUST convey the value of the option when used in a datalist context'
TestJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeIEFirefoxEdgeChromeFirefoxFirefoxChromeSafariSafari
HTML input with datalist testsupportednonesupportednonesupportednonenonesupportedsupportednone
Voice Control support for 'MUST convey the value of the option when used in a datalist context'
TestDragon Naturally SpeakingVoice Access (Android)Voice Control (iOS)Voice Control (MacOS)Windows Speech Recognition
ChromeChromeSafariSafariChrome
HTML input with datalist testnonesupportednonenonenone

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 these expectations for different types of assistive technologies:

  • Screen Readers: SHOULD
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • A screen reader might announce "choose <2 of 10>" when navigating through a list of options
Screen Reader support for 'SHOULD convey information about the position the option in the list'
TestJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeIEFirefoxEdgeChromeFirefoxFirefoxChromeSafariSafari
HTML input with datalist testsupportednonesupportedsupportedsupportedsupportednonenonenonenone
HTML select element testnonenonenonesupportedpartialpartialnonenonepartialnone

Related features

These are features that are usually used in combination with this feature.

select element (html)

DragonJAWSNarratorNVDAOrcaTalkBackVoice AccessVC iOSVC MacOSVoiceOver (iOS)VoiceOver (macOS)Speech Recognition
supportedpartial (9/12)supportedsupportedsupportedpartial (3/4)partial (1/2)supportedsupportedsupportedsupportedsupported

optgroup element (html)

DragonJAWSNarratorNVDAOrcaTalkBackVoice AccessVC iOSVC MacOSVoiceOver (iOS)VoiceOver (macOS)Speech Recognition
not applicablesome partial supportnonenonenonepartial (1/3)not applicablenot applicablenot applicablepartial (1/3)partial (1/3)not applicable