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

Test: HTML select element test

Current support: partial (75/104)

A sample select element with opt elements.

Run this test and and submit your results

On this page

Test HTML

open the test page in a new tab

HTML source is too long to display here.

Dates and Versions of tested combinations

ATAT VersionBrowserBrowser versionOS versionDate tested
Dragon Naturally Speaking15.30Google Chrome7519032019-08-08
JAWS2019.1906.10Google Chrome7519032019-08-08
JAWS2019.1906.10Internet Explorer1119032019-08-08
JAWS2019.1906.10Firefox (desktop)6819032019-08-08
Narrator1903Microsoft Edge4419032019-08-08
NVDA2019.1.1Google Chrome7519032019-08-08
NVDA2019.1.1Firefox (desktop)6819032019-08-08
TalkBack7.3.0Google Chrome (android)7592019-07-27
VoiceOver for iOS12.3.1Safari (iOS)12.3.112.3.12019-08-08
VoiceOver for macOS10.14.5Safari (macOS)12.1.110.14.52019-08-08
Orca3.31.4Firefox (desktop)69Ubuntu 19.042019-09-15

Summary of support by expectation and assistive technology

ExpectationDragon Naturally SpeakingJAWSNarratorNVDATalkBackVoiceOver for iOSVoiceOver for macOSOrca
select element
MUST convey an appropriate namesupportedsupportedsupportedsupportedsupportedsupportedsupportedsupported
MUST convey an appropriate rolesupportedsupportedsupportedsupportedsupportedsupportedsupportedsupported
MUST convey the current valuenot applicablesupportedsupportedsupportedsupportedsupportedsupportedsupported
SHOULD provide shortcuts to jump to text inputsnot applicablesupportedsupportedsupportedsupportedsupportedsupportedsupported
MUST convey the current valuenot applicablesupportedsupportedsupportedpartialsupportedsupportedsupported
SHOULD convey the boundaries of the options within the selectnot applicablesupportedsupportedsupportedsupportedsupportedsupportedsupported
SHOULD convey the expanded and collapsed statesnot applicablenonesupportedsupportedsupportedsupportedsupportednone
optgroup element
MUST convey an appropriate rolenot applicablenonenonenonenonenonenonenone
MUST convey an appropriate namenot applicablesome partial supportnonenonesupportedsupportedsupportednone
MUST convey the boundaries of the elementnot applicablenonenonenonenonenonenonenone
option element
MUST convey an appropriate namepartialsupportedsupportedsupportedsupportedsupportedsupportedsupported
MUST convey an appropriate rolesupportedsupportedsupportedsupportedsupportedsupportedsupportedsupported
SHOULD convey information about the position the option in the listnot applicablenonesupportedpartialnonesupportednonenone
disabled attribute
MUST convey the disabled statenot applicablesupportedsupportedsupportedsupportedsupportedsupportedsupported

* means that some support is hidden behind settings

Detailed support results by expectation

select element: The assistive technology MUST convey an appropriate name

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

Examples of assistive technologies support this expectation:

  • A screen reader might convey the name as "<role>, <name>, <value>"
  • Voice control software might allow the user to say "click <name>" to focus the select element

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the select element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromeyes
  • Result: (pass)
    • command: "Click <text>" (Activate actionable item)
    • Output: element was focused
More information
JAWSGoogle Chromeyes
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Combo box, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combo box, apple, to change the selection use the arrow keys"
More information
JAWSInternet Exploreryes
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Combo box, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combo box, apple, to change the selection use the arrow keys"
More information
JAWSFirefox (desktop)yes
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Combo box, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combo box, apple, to change the selection use the arrow keys"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "What food do you want, combobox, apple, collapsed, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want, apple, combobox, collapsed, scan"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, collapsed"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, collapsed"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, collapsed, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, apple, collapsed"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "collapsed, apple, pop up button, what food do you want? double tap to change"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, apple, pop up button"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "apple, what food do you want, pop up button"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "apple, what food do you want, pop up button"
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want? apple, combo box"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want? apple, combo box, focus mode"
More information

Extended Support for: select element: The assistive technology MUST convey an appropriate name

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorerunknown-More information
Dragon Naturally SpeakingFirefox (desktop)unknown-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

select element: The assistive technology MUST convey an appropriate role

Rationale: A screen reader user needs to know how they can interact with the element.

Examples of assistive technologies support this expectation:

  • A screen reader might convey the select as a select or a combo box
  • Voice control software might allow the user to say "click list box" to focus the select element

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the select element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromeyes
  • Result: (pass)
    • command: Click <type> (Click Type)
    • Output: element was focused
Notes: said "click list box"
More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Combo box, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combo box, apple, to change the selection use the arrow keys"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Combo box, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combo box, apple, to change the selection use the arrow keys"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Combo box, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combo box, apple, to change the selection use the arrow keys"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "What food do you want, combobox, apple, collapsed, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want, apple, combobox, collapsed, scan"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, collapsed"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, collapsed"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, collapsed, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, apple, collapsed"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "collapsed, apple, pop up button, what food do you want? double tap to change"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, apple, pop up button"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "apple, what food do you want, pop up button"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "apple, what food do you want, pop up button"
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want? apple, combo box"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want? apple, combo box, focus mode"
More information

Extended Support for: select element: The assistive technology MUST convey an appropriate role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorerunknown-More information
Dragon Naturally SpeakingFirefox (desktop)unknown-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

select element: The screen reader MUST convey the current value

Rationale: A screen reader user needs to know the current value of the input.

Examples of assistive technologies support this expectation:

  • A screen reader might convey the name as "<role>, <name>, <value>"

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the select element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Combo box, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combo box, apple, to change the selection use the arrow keys"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Combo box, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combo box, apple, to change the selection use the arrow keys"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Combo box, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combo box, apple, to change the selection use the arrow keys"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "What food do you want, combobox, apple, collapsed, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want, apple, combobox, collapsed, scan"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, collapsed, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, apple, collapsed"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, collapsed, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, apple, collapsed"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "collapsed, apple, pop up button, what food do you want? double tap to change"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, apple, pop up button"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "apple, what food do you want, pop up button"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "apple, what food do you want, pop up button"
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want? apple, combo box"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want? apple, combo box, focus mode"
More information

Extended Support for: select element: The screen reader MUST convey the current value

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

select element: The screen reader SHOULD provide shortcuts to jump to text inputs

Rationale: Screen reader users might want to quickly navigate to elements of this type.

Examples of assistive technologies support this expectation:

  • A screen reader might provide a keyboard shortcut to jump to the next form control or provide a list of all form controls

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the select element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: f (Next form field)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want, Combo box, apple"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • Output: Shown in list of form fields
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: f (Next form field)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want, Combo box, apple"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • Output: Shown in list of form fields
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: f (Next form field)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want, Combo box, apple"
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • Output: Shown in list of form fields
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: f (Next form field)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want, steak, combobox, collapsed"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: f (Next form field)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combobox, collapsed."
  • Result: (pass)
    • command: NVDA + F7 (Open Elements List)
    • Output: "in list of form fields"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: f (Next form field)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combobox, collapsed, apple"
  • Result: (pass)
    • command: NVDA + F7 (Open Elements List)
    • Output: "in list of form fields"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (next control (correct item type must be selected))
    • location before command: before target
    • location after command: target
    • Output: "collapsed, apple, pop up button, what food do you want? double tap to change"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe down (next form control (correct item type must be selected))
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, apple, pop up button"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Command + J (Next Form Control)
    • location before command: before target
    • location after command: target
    • Output: "apple, what food do you want? pop up button"
  • Result: (pass)
    • command: VO + U (Open Rotor)
    • Output: in list of form controls
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: c (Next combo box (select))
    • location before command: before target
    • location after command: target
    • Output: "what food do you want? apple, combo box"
  • Result: (pass)
    • command: alt + shift + c (Open a list of combo boxes (selects))
    • location before command: before target
    • location after command: target
    • Output: in list of combo boxes
More information

Extended Support for: select element: The screen reader SHOULD provide shortcuts to jump to text inputs

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

select element: The screen reader MUST convey the current value

Rationale: The user needs to know that the value was successfully changed.

Examples of assistive technologies support this expectation:

  • A screen reader might announce the new value after it has been changed

Grading method: All of the listed commands must pass for the expectation to pass.

This expectation is from the select element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "banana"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "banana (fruits)"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "banana"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Enter (select an option)
    • location before command: before target
    • location after command: target
    • Output: "banana, 2 of 5, selected"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "banana"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "next_option"
More information
TalkBackGoogle Chrome (android)partial
  • Result: (partial)
    • command: Double tap (select an option)
    • location before command: before target
    • location after command: target
    • Output: "collapsed, banana, popup button, what food do you want?"
Notes: Partial support due to the work around needed to activate an option. I was unable to activate an option after double tapping the pop up button. The list was displayed and I could swipe right to navigate options, but double tapping just closed the list and didn't change the value. Work around: swipe right through the entire page until you reach the open options at the end of the page, then you can navigate and make your selection.
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Double tap (select an option)
    • Output: "what food do you want, banana, pop up button"
Notes: Focus was sent back to the select after a choice was made, so the control was announced again with the new value
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: Enter (select an option)
    • location before command: before target
    • location after command: target
    • Output: "Closing menu, chicken, what food do you want, pop up button"
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: Enter (select an option)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? everything, combobox, focus mode"
More information

Extended Support for: select element: The screen reader MUST convey the current value

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

select element: The screen reader SHOULD convey the boundaries of the options within the select

Rationale: The user needs to know that when they enter and leave the options.

Examples of assistive technologies support this expectation:

  • A screen reader might convey the option name when enter thing select, and "out of select" when exiting
  • A screen reader might convey information about the position in the options, such as "4 of 4" to indicate the start and end of the options

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the select element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • Output: silence when the start of end of the list is reached after pressing up or down arrows respectively
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (select next option)
    • Output: silence when the start of end of the list is reached after pressing up or down arrows respectively
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • Output: silence when the start of end of the list is reached after pressing up or down arrows respectively
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Up arrow (select previous option)
    • location before command: before target
    • location after command: target
    • Output: "1 of 8, apple"
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "5 of 8, everything"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Up arrow (select previous option)
    • location before command: before target
    • location after command: target
    • Output: when expanded: "apple, 1 of 8"; when collapsed: implied by silence when trying to press up arrow to navigate to navigate past the first option.
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: when expanded: "apple, 1 of 8"; when collapsed: implied by silence when trying to press down arrow to navigate to navigate past the last option.
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Up arrow (select previous option)
    • location before command: before target
    • location after command: target
    • Output: when expanded: "apple, 1 of 8"; when collapsed: implied by silence when trying to press up arrow to navigate to navigate past the first option.
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: when expanded: "apple, 1 of 8"; when collapsed: implied by silence when trying to press down arrow to navigate to navigate past the last option.
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe left (Select previous option)
    • location before command: within target
    • location after command: start of target
    • Output: "select test, web view, out of list"
  • Result: (pass)
    • command: Swipe right (Select next option)
    • location before command: within target
    • location after command: end of target
    • Output: ear con
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe up (select previous option)
    • location before command: within target
    • location after command: start of target
    • Output: first option was re-announced with an earcon
  • Result: (pass)
    • command: Swipe down (select next option)
    • location before command: within target
    • location after command: end of target
    • Output: last option was re-announced with an earcon
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (partial)
    • command: Down arrow (select next option)
    • location before command: within target
    • location after command: end of target
    • Output: down arrow loops back to the start of the list, but there is no indication of the start or end of the list
  • Result: (pass)
    • command: VO + Down arrow (Move VO cursor down)
    • location before command: within target
    • location after command: start of target
    • Output: earcon indicates start of list
  • Result: (pass)
    • command: VO + Down arrow (Move VO cursor down)
    • location before command: within target
    • location after command: end of target
    • Output: earcon indicates end of list
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: implied by looping through list
More information

Extended Support for: select element: The screen reader SHOULD convey the boundaries of the options within the select

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

select element: The screen reader SHOULD convey the expanded and collapsed states

Rationale: The user might find it helpful to know if the select is open or closed.

Examples of assistive technologies support this expectation:

  • A screen reader might convey the collapsed state as "4 of 4" and the expanded state as
  • A screen reader will usually imply the expanded state by sending focus to the option list. When the user leaves the option list, the select becomes collapsed.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the select element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Combo box, apple"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combo box, apple, to change the selection use the arrow keys"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Combo box, apple"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combo box, apple, to change the selection use the arrow keys"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Combo box, apple"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want? Combo box, apple, to change the selection use the arrow keys"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "What food do you want, combobox, apple, collapsed, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "What food do you want, apple, combobox, collapsed, scan"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, collapsed"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, collapsed"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, collapsed, apple"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, combo box, apple, collapsed"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "collapsed, apple, pop up button, what food do you want? double tap to change"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want, banana, pop up button"
Notes: implied by the pop up button
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "apple, what food do you want, pop up button"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "apple, what food do you want, pop up button"
Notes: Implied by the pop up button role
More information
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want? apple, combo box"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "what food do you want? apple, combo box, focus mode"
More information

Extended Support for: select element: The screen reader SHOULD convey the expanded and collapsed states

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

optgroup element: The screen reader MUST convey an appropriate role

Rationale: A screen reader user needs to know that options are in a group.

Examples of assistive technologies support this expectation:

  • A screen reader might convey the group role.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the optgroup element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: not conveyed
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: not conveyed
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: not conveyed
More information
NarratorMicrosoft Edgenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: not conveyed
More information
NVDAGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: not conveyed
More information
NVDAFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: not conveyed
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe right (Select next option)
    • location before command: before target
    • location after command: target
    • Output: "meats"
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe down (select next option)
    • location before command: before target
    • location after command: target
    • Output: "meats"
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "meats, dimmed"
More information
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: not conveyed
More information

Extended Support for: optgroup element: The screen reader MUST convey an appropriate role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

optgroup element: The screen reader MUST convey an appropriate name

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

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the optgroup element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: within target
    • Output: "chicken"
More information
JAWSInternet Explorerpartial
  • Result: (partial)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: within target
    • Output: "chicken (meats)"
Notes: only conveyed when the pressing up or down arrows while the listbox is closed
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: within target
    • Output: "chicken"
More information
NarratorMicrosoft Edgenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: within target
    • Output: not conveyed
More information
NVDAGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: within target
    • Output: not conveyed
More information
NVDAFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: within target
    • Output: not conveyed
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Select next option)
    • location before command: before target
    • location after command: target
    • Output: "meats"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe down (select next option)
    • location before command: before target
    • location after command: target
    • Output: "meats"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "meats, dimmed"
More information
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: not conveyed
More information

Extended Support for: optgroup element: The screen reader MUST convey an appropriate name

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

optgroup element: The screen reader MUST convey the boundaries of the element

Rationale: A user needs to know when they enter and exit an element

Examples of assistive technologies support this expectation:

  • A screen reader might announce the role of the element when entering and say something like "leaving" when exiting.
  • A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example).
  • A screen reader might announce position in set information such as "1 of 6".
  • A screen reader might not convey boundaries if the content fits on a single line

Grading method: All of the listed commands must pass for the expectation to pass.

This expectation is from the optgroup element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: within target
    • location after command: after target
    • Output: optgroup boundaries were not conveyed
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: within target
    • location after command: after target
    • Output: optgroup boundaries were not conveyed
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: within target
    • location after command: after target
    • Output: optgroup boundaries were not conveyed
More information
NarratorMicrosoft Edgenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: within target
    • location after command: after target
    • Output: optgroup boundaries were not conveyed
More information
NVDAGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: within target
    • location after command: after target
    • Output: optgroup boundaries were not conveyed
More information
NVDAFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: within target
    • location after command: after target
    • Output: optgroup boundaries were not conveyed
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe right (Select next option)
    • location before command: within target
    • location after command: after target
    • Output: optgroup boundaries were not conveyed
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe down (select next option)
    • location before command: within target
    • location after command: after target
    • Output: optgroup boundaries were not conveyed
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: within target
    • location after command: after target
    • Output: optgroup boundaries were not conveyed
More information
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: not conveyed
More information

Extended Support for: optgroup element: The screen reader MUST convey the boundaries of the element

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

option element: The assistive technology MUST convey an appropriate name

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

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.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the option element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromepartial
  • Result: (partial)
    • command: "Choose <option text>" (Choose drop down option)
    • Output: the "everything" option was chosen, however, options within optgroups could not be chosen.
Notes: Options within an optgroup are not supported. I said 'click listbox', 'show choices', 'choose banana', and the option was not activated. Saying 'choose everything' instead worked as expected ('everything' is not part of an optgroup).
More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "chicken"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "chicken"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "chicken"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "3 of 8, chicken"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "chicken"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "chicken"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Select next option)
    • location before command: before target
    • location after command: target
    • Output: "steak"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe down (select next option)
    • location before command: before target
    • location after command: target
    • Output: "steak"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "steak"
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "chicken"
More information

Extended Support for: option element: The assistive technology MUST convey an appropriate name

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorerunknown-More information
Dragon Naturally SpeakingFirefox (desktop)unknown-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

option element: The assistive technology MUST convey an appropriate role

Rationale: A screen reader user needs to know how they can interact with the element.

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.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the option element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromeyes
  • Result: (pass)
    • command: "Move down <n>" (Move down <n> options)
    • location before command: before target
    • location after command: target
    • Output: value was changed to the next option
More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: implied by the context
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: implied by the context
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: implied by the context
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "implied by the context"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: implied by context
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: implied by context
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Select next option)
    • location before command: before target
    • location after command: target
    • Output: implied by context
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe down (select next option)
    • location before command: before target
    • location after command: target
    • Output: implied by context
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: implied by context
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: implied by the combo box role
More information

Extended Support for: option element: The assistive technology MUST convey an appropriate role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorerunknown-More information
Dragon Naturally SpeakingFirefox (desktop)unknown-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

option element: The screen reader SHOULD 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

Examples of assistive technologies support this expectation:

  • A screen reader might announce "choose <2 of 10>" when navigating through a list of options

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the option element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: steak
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "steak"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "steak"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "3 of 8, steak"
More information
NVDAGoogle Chromepartial
  • Result: (partial)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "apple 1 of 8"
Notes: only conveyed when expanded
More information
NVDAFirefox (desktop)partial
  • Result: (partial)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "apple 1 of 8"
Notes: only conveyed when expanded
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe right (Select next option)
    • location before command: before target
    • location after command: target
    • Output: "steak"
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (fail)
    • command: Swipe down (select next option)
    • location before command: before target
    • location after command: target
    • Output: "steak"
  • Result: (pass)
    • command: Tap or touch the item (select and speak an item)
    • Output: "apple, picker item, 2 of 7"
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "steak"
More information
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "chicken"
More information

Extended Support for: option element: The screen reader SHOULD convey information about the position the option in the list

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

disabled attribute: The screen reader MUST convey the disabled state

Examples of assistive technologies support this expectation:

  • Screen readers might convey the disabled state by announcing "disabled", "unavailable", or "dimmed"
  • Screen readers might convey the disabled state of certain embedded controls, such as the option element, by skipping it when navigating embedded controls

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the disabled attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: disabled options were skipped
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: disabled options were skipped
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: disabled options were skipped
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: options are skipped when scan mode is off
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "Broccoli, Lettuce, 3 of 5, disabled" (when scan mode is on)
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "Broccoli, 1 of 2, disabled" (when scan mode is on)
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "Nothing, 5 of 5, disabled" (when scan mode is on)
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: disabled options were skipped
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: disabled options were skipped
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Select next option)
    • location before command: before target
    • location after command: target
    • Output: disabled options and optgroups were not displayed at all
More information
VoiceOver for iOSSafari (iOS)yes
  • Result: (pass)
    • command: Swipe down (select next option)
    • location before command: before target
    • location after command: target
    • Output: disabled options and optgroups were not displayed at all
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "veggies, dimmed"
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "nothing, dimmed"
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: disabled options are skipped which implies the disabled state
More information

Extended Support for: disabled attribute: The screen reader MUST convey the disabled state

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Back to top

History

  • 2019-08-02 Test created
  • 2019-08-08 Added and tested disabled optgroups and options
  • 2019-09-15 Add orca