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

Test: HTML input with datalist test

Screen Reader support level: partial (63/110)

Voice Control support level: partial (13/24)

A sample datalist attached to a text input. Provide feedback on this test and results in issue #73

Run this test and and submit your results

On this page

Test HTML

open the test page

HTML source is too long to display here.

Dates and Versions of tested combinations

ATAT VersionBrowserBrowser versionOS versionDate tested
Dragon Naturally Speaking15.30Chrome7519032019-07-24
JAWS2019.1906.10Chrome7519032019-07-24
JAWS2019.1906.10IE1119032019-07-24
JAWS2019.1906.10Firefox6819032019-07-24
Narrator1903Edge4419032019-07-24
NVDA2019.1.1Chrome7519032019-07-24
NVDA2019.1.1Firefox6819032019-07-24
Orca3.31.4Firefox69Ubuntu 19.042019-09-15
TalkBack7Chrome7572019-07-26
Voice Access (Android)3.1Chrome7772019-10-02
Voice Control (iOS)13.0Safari13.013.02019-09-23
Voice Control (MacOS)10.15Safari13.0.210.152019-10-07
VoiceOver (iOS)12.3.1Safari12.3.112.3.12019-07-24
VoiceOver (macOS)10.14.5Safari12.1.110.14.52019-07-24
Windows Speech Recognition1903Chrome7719032019-10-18

Summary of Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
input[type="text"] element
MUST convey an appropriate namepartial (2/3)supportedsupportedsupportedsupportedsupportedsupported
MUST convey an appropriate rolesupportedsupportedsupportedsupportedsupportedsupportedsupported
MUST convey changes in valuepartial (1/3)supportedsupportedsupportedsupportedsupportedsupported
MUST convey the current valuesupportedsupportedsupportedsupportedsupportedsupportedsupported
SHOULD provide shortcuts to jump to this rolesupportedsupportedsupportedsupportedsupportedsupportedsupported
list attribute
MUST convey the presence of the list attributepartial (2/3)supportedsupportednonesupportednonenone
datalist element
MUST convey an appropriate rolesome partial supportsupportedpartial (1/2)partialsupportednonenone
MUST convey the boundaries of the elementsome partial supportsupportednonesupportedpartialsupportednone
MUST convey that changes in suggestions were madenonesupportednonenonenonenonenone
option element
MUST convey an appropriate namepartial (1/3)supportedpartial (1/2)supportedsupportednonenone
MUST convey an appropriate rolesome partial supportsupportedpartial (1/2)partialsupportedsupportednone
MUST convey the value of the option when used in a datalist contextpartial (1/3)nonepartial (1/2)nonesupportedsupportednone
SHOULD convey information about the position the option in the listnonesupportednonenonenonenonenone

* means that some support is hidden behind settings

Summary of Voice Control support by expectation

ExpectationDragon Naturally SpeakingVoice Access (Android)Voice Control (iOS)Voice Control (MacOS)Windows Speech Recognition
input[type="text"] element
MUST convey an appropriate namesupportednonesupportedsupportedsupported
MUST convey an appropriate rolesupportedsupportednot applicablesupportedsupported
datalist element
MUST convey an appropriate rolesupportednot applicablenot applicablenot applicablenot applicable
option element
MUST convey an appropriate namenonesupportednonesupportednone
MUST convey an appropriate rolenonesupportednot applicablenonenone
MUST convey the value of the option when used in a datalist contextnonesupportednonenonenone

* means that some support is hidden behind settings

Detailed support results by expectation

Expectation for the input[type="text"] element: 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 (label).
  • Voice control software will let the user say something like "click <name>" to activate the control.

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

This expectation is from the input[type="text"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromeyes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: text input was focused
More information
JAWSChromepartial
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Edit combo"
    • Notes: did not announce the name when entering the input and automatically switching to forms mode.
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, edit combo, to set the value use the arrow keys or type the value."
More information
JAWSIEyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "edit, function type, edit, type in text"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Edit, type in text"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Blank, function type, Edit, has popup"
    • Notes: announced the name when entering the input and automatically switching to forms mode.
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Edit has popup, type in text"
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "Function type, Combo edit, scan off."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Combo edit, scan off, suggestions available."
More information
NVDAChromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Combo box, has auto complete, editable."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Combo box, has auto complete, editable. Blank."
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Edit subMenu, has auto complete. Blank."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Edit has auto complete. Blank."
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "function type, entry"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "function type, entry, focus mode"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "edit box, function type, double-tap to enter text"
More information
Voice Access (Android)Chromenone
  • Result: (fail)
    • command: "Tap <text>" or just "<text>" (Activate item by name)
    • Output: input was not focused
    • Notes: said "tap function type"
More information
Voice Control (iOS)Safariyes
  • Result: (pass)
    • command: "Tap <text>" (Activate item by name)
    • Output: input was focused
    • Notes: said "tap function type"
More information
Voice Control (MacOS)Safariyes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: input was focused
    • Notes: said "click function type"
More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, text field, double tap to edit."
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, edit text"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, edit text"
More information
Windows Speech RecognitionChromeyes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: role was activated
    • Notes: said "click function type"
More information

Extended Support for: input[type="text"] element: convey an appropriate name

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEunknown-More information
Dragon Naturally SpeakingFirefoxunknown-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxunknown-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromeunknown-More information
Voice Control (MacOS)Firefoxunknown-More information
Windows Speech Recognition 1903Edge 44yes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: role was activated
    • Notes: said "click function type"
More information
Back to top

Expectation for the input[type="text"] element: 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 be announce the role as "text input", "edit", "edit text", etc.
  • A screen reader might announce a modified role when a datalist is attached, such as "combo box".
  • Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number.

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

This expectation is from the input[type="text"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromeyes
  • Result: (pass)
    • command: Click <role> (Click Type)
    • Output: text input was focused
More information
JAWSChromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Edit combo"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Edit combo, to set the value use the arrow keys or type the value."
Notes: The role is not consistently conveyed across browsers, and is often presented with a modifier ("combo" or "has popup") to convey the presence of the datalist.
More information
JAWSIEyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "edit"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit, type in text"
Notes: When paired with IE, JAWS does not alter the role to convey the datalist functionality.
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Blank, Edit, has popup"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Edit has popup, type in text"
Notes: The role is not consistently conveyed across browsers, and is often presented with a modifier ("combo" or "has popup") to convey the presence of the datalist.
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "Function type, Combo edit, scan off."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Combo edit, scan off, suggestions available."
More information
NVDAChromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Combo box, has auto complete, editable."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Combo box, has auto complete, editable. Blank."
Notes: The role is not consistently conveyed across browsers, and is often presented with a modifier ("combo box" or "has popup") to convey the presence of the datalist.
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Edit subMenu, has auto complete. Blank."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, Edit has auto complete. Blank."
Notes: The role is not consistently conveyed across browsers, and is often presented with a modifier ("combo box" or "subMenu") to convey the presence of the datalist.
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "function type, entry"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "function type, entry, focus mode"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "edit box, function type, double-tap to enter text"
More information
Voice Access (Android)Chromeyes
  • Result: (pass)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: role was flagged with a number
    • Notes: said "show numbers"
More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safariyes
  • Result: (pass)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: role was flagged with a number
    • Notes: said "show numbers"
More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, text field, double tap to edit."
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, edit text"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, edit text"
More information
Windows Speech RecognitionChromeyes
  • Result: (pass)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: role was flagged with a number
    • Notes: said "show numbers"
More information

Extended Support for: input[type="text"] element: convey an appropriate role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEunknown-More information
Dragon Naturally SpeakingFirefoxunknown-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxunknown-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromeunknown-More information
Voice Control (MacOS)Firefoxunknown-More information
Windows Speech Recognition 1903Edge 44yes
  • Result: (pass)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: role was flagged with a number
    • Notes: said "show numbers"
More information
Back to top

Expectation for the input[type="text"] element: convey changes in value

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

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • When the user enter tests, the screen reader will announce it back to them.
  • When used with the datalist, the chosen suggestion should be announced after activating it.

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

This expectation is from the input[type="text"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromeyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • Output: (the entered character was announced)
  • Result: (pass)
    • command: Enter (select an option)
    • Output: "Function, type Edit combo"
Notes: Focus was sent back to the input and the input was announced
More information
JAWSIEpartial
  • Result: (pass)
    • command: <enter text> (enter text)
    • Output: (the entered character was announced)
  • Result: (unknown)
    • command: Enter (select an option)
    • Output: "edit, function"
Notes: unknown because it was not possible to navigate to a suggestion to activate
More information
JAWSFirefoxpartial
  • Result: (pass)
    • command: <enter text> (enter text)
    • Output: (the entered character was announced)
  • Result: (unknown)
    • command: Enter (select an option)
    • Output: "Function, edit, has popup"
Notes: Unknown because it was not possible to navigate to a suggestion to activate
More information
NarratorEdgeyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • Output: (the entered character was announced)
  • Result: (pass)
    • command: Enter (select an option)
    • Output: "Function"
Notes: The value was announced after a suggestion was activated and focus was returned to the text input
More information
NVDAChromeyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • Output: (the entered character was announced)
  • Result: (pass)
    • command: Enter (select an option)
    • Output: "Function type combo box, has auto complete, editable, function"
Notes: Focus was returned to the text input
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • Output: (the entered character was announced)
  • Result: (pass)
    • command: Enter (select an option)
    • Output: "function"
Notes: Focus was returned to the text input but only the value was announced
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • location before command: before target
    • location after command: target
    • Output: the character is announced
  • Result: (pass)
    • command: Enter (select an option)
    • location before command: before target
    • location after command: target
    • Output: "function"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • Output: (the entered character was announced)
  • Result: (pass)
    • command: Double tap (select an option)
    • Output: "function, close features"
Notes: value was announced and focus was returned to the text input.
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • Output: (the entered character was announced)
  • Result: (pass)
    • command: Double tap (select an option)
    • Output: "Function"
Notes: The activated suggestion was announced, and focus was moved to a new suggestion
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • Output: (the entered character was announced)
  • Result: (pass)
    • command: Enter (select an option)
    • Output: "Function"
Notes: Focus was returned to the text input
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: input[type="text"] element: convey changes in value

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the input[type="text"] element: convey the current value

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

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

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

This expectation is from the input[type="text"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function, Edit combo"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit combo, function, to set the value use the arrow keys or type the value."
More information
JAWSIEyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "edit, function"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Function, Edit, type in text"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function, edit, has popup"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit has popup, function, type in text"
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "Function type Combo edit, function, scan off."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Combo edit, scan off, function selected."
More information
NVDAChromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Combo box, has auto complete, editable."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Combo box, has auto complete, editable. Blank."
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit subMenu, has auto complete. function."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit has auto complete. Selected function."
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "function type, entry, function"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "function type, entry, function selected, focus mode"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "function, edit box, function type, double-tap to enter text"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, function text field, double tap to edit."
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function, contents selected, Function type, edit text"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function, contents selected, Function type, edit text"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: input[type="text"] element: convey the current value

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the input[type="text"] element: provide shortcuts to jump to this role

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

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: SHOULD
  • Voice Control: NA

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

This expectation is from the input[type="text"] element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromeyes
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • Output: Shown in list of form controls with name and "edit combo" role
  • Result: (pass)
    • command: f (Next form field)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit combo, to set the value use the arrow keys or type the value."
More information
JAWSIEyes
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • Output: Shown in list of form controls with name and "edit" role
  • Result: (pass)
    • command: f (Next form field)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit, type in text"
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Insert + F3 (Open element list)
    • Output: Shown in list of elements with name and "edit" role
  • Result: (pass)
    • command: f (Next form field)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit has popup, type in text"
More information
NarratorEdgeyes
  • Result: (pass)
    • command: f (Next form field)
    • location before command: before target
    • location after command: target
    • Output: "Function type Combo edit, press space to edit"
More information
NVDAChromeyes
  • Result: (pass)
    • command: NVDA + F7 (Open Elements List)
    • Output: Shown in list of form controls with name and "combobox; edit has auto complete editable"
  • Result: (pass)
    • command: f (Next form field)
    • location before command: before target
    • location after command: target
    • Output: "Function type Combo box, has auto complete, editable."
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: NVDA + F7 (Open Elements List)
    • Output: "Function type Edit; subMenu has auto complete."
  • Result: (pass)
    • command: f (Next form field)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit subMenu, has auto complete. Blank."
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: e (Next edit field)
    • location before command: before target
    • location after command: target
    • Output: "function type, entry"
  • Result: (pass)
    • command: alt + shift + e (Open list of edit fields)
    • location before command: before target
    • location after command: target
    • Output: in list of text fields
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (next control (correct item type must be selected))
    • Output: "edit box, function type, double-tap to enter text"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Swipe down (Next item (as set by the rotor))
    • location before command: before target
    • location after command: target
    • Output: "Function type, text field, double tap to edit."
More information
VoiceOver (macOS)Safariyes
  • Result: (pass)
    • command: VO + U (Open Rotor)
    • Output: Shown in list of form controls with name and "edit text" role
  • Result: (pass)
    • command: VO + Command + J (Next Form Control)
    • location before command: before target
    • location after command: target
    • Output: "Function type, edit text"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: input[type="text"] element: provide shortcuts to jump to this role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the list attribute: convey the presence of the list attribute

Rationale: The user needs to know that the input will provide suggestions.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • might announce that suggestions are available when the input receives focus.
  • might announce that the input has auto complete functionality.
  • might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box".

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

This expectation is from the list attribute feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Edit combo"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit combo, to set the value use the arrow keys or type the value."
Notes: The role is not consistently conveyed across browsers, and is often presented with a modifier ("combo" or "has popup") to convey the presence of the datalist.
More information
JAWSIEnone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "edit"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit, type in text"
Notes: When paired with IE, JAWS does not alter the role to convey the datalist functionality.
More information
JAWSFirefoxyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Blank, Edit, has popup"
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit has popup, type in text"
Notes: The role is not consistently conveyed across browsers, and is often presented with a modifier ("combo" or "has popup") to convey the presence of the datalist.
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: target
    • Output: "Function type Combo edit, scan off."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Combo edit, scan off, suggestions available."
More information
NVDAChromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Combo box, has auto complete, editable."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Combo box, has auto complete, editable. Blank."
Notes: The role is not consistently conveyed across browsers, and is often presented with a modifier ("combo box" or "subMenu") to convey the presence of the datalist.
More information
NVDAFirefoxyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit subMenu, has auto complete. Blank."
  • Result: (pass)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type Edit has auto complete. Blank."
Notes: The role is not consistently conveyed across browsers, and is often presented with a modifier ("combo box" or "subMenu") to convey the presence of the datalist.
More information
OrcaFirefoxnone
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "function type, entry"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: function type, entry, focus mode
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: (after entering text) "showing autofill popup"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, text field, double tap to edit."
More information
VoiceOver (macOS)Safarinone
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, edit text"
  • Result: (fail)
    • command: Tab (Read next focusable item)
    • location before command: before target
    • location after command: target
    • Output: "Function type, edit text"
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: list attribute: convey the presence of the list attribute

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the datalist element: 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 something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings.
  • A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute.
  • Voice control software might let the user say something like "show choices" to open the datalist.

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

This expectation is from the datalist element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromeyes
  • Result: (pass)
    • command: "Show choices" (Show drop down choices)
    • Output: suggestions were displayed
More information
JAWSChromepartial
  • Result: (partial)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Menu, Function, To move through items press up or down arrow"
Notes: The datalist is conveyed as a menu as opposed to a listbox.
More information
JAWSIEnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Blank", skipped the suggestions and started reading the content after the input.
More information
JAWSFirefoxnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Blank", skipped the suggestions and started reading the content after the input.
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "function, 1 of 6, selected"
Notes: The datalist role is implied by the "combo" role and "suggestions" announcement.
More information
NVDAChromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "function, row 1 column 1"
Notes: The datalist role is implied by the "has auto complete" announcement for the text input, combined with down arrow navigating suggestions. However, table semantics were also announced when none exist.
More information
NVDAFirefoxpartial
  • Result: (partial)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Blank"
Notes: The datalist role is implied by the "has auto complete" announcement for the text input, combined with down arrow navigating suggestions. However, all options are announced as "blank".
More information
OrcaFirefoxpartial
  • Result: (partial)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "menu, function, function"
    • Notes: data list is conveyed as a menu instead of a listbox
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "autofill, menu"
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Explore the keyboard by single press + move (explore), then release on a key (touch type with virtual keyboard)
    • Output: "function, prediction"
Notes: Suggestions are listed in the normal virtual keyboard predictions. However, there is no indication that these predictions are suggestions from the website, and may be confused with the normal virtual keyboard predictions.
More information
VoiceOver (macOS)Safarinone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: not possible to navigate to datalist and suggestions are not announced
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: datalist element: convey an appropriate role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEunknown-More information
Dragon Naturally SpeakingFirefoxunknown-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the datalist element: convey the boundaries of the element

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

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

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 datalist element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromepartial
  • Result: (partial)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: When the end of the list is reached, down arrow loops back to the start, but no announcement was provided for start or end of list.
More information
JAWSIEnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Blank", skipped the suggestions and started reading the content after the input.
More information
JAWSFirefoxnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Blank", skipped the suggestions and started reading the content after the input.
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: start of target
    • Output: "function, 1 of 6, selected"
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: within target
    • location after command: end of target
    • Output: "async generator function, 6 of 6, selected"
More information
NVDAChromenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "row 1" was announced when first entering the datalist, however that is not expected and there is no indication when the end of the list is reached."
More information
NVDAFirefoxnone
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: all suggestions are announced as "blank", with no indication of boundaries.
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "menu, function, function"
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: within target
    • location after command: end of target
    • Output: focus is sent back to the input and the input is announced
Notes: boundaries are implied by the menu and focus being sent back to the input
More information
TalkBackChromepartial
  • Result: (partial)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: indicates end of list but not start when going back up
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: target
    • Output: "Function, prediction"
  • Result: (pass)
    • command: Explore the keyboard by single press + move (explore), then release on a key (touch type with virtual keyboard)
    • Output: "Function, prediction"
Notes: Boundaries can be implied by the role of "prediction" being announced for each available prediction. In other words, when the user hears a different role announced, they can assume they left the predictions.
More information
VoiceOver (macOS)Safarinone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: not possible to navigate to datalist and suggestions are not announced
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: datalist element: convey the boundaries of the element

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the datalist element: convey that changes in suggestions were made

Rationale: The user needs to know that the list of suggestions changed

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • A screen reader might announce the word "suggestions" whenever the list of suggestions changes.
  • A screen reader might announce the value of every suggestion when the list of suggestions changes.

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

This expectation is from the datalist element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingChromenot applicable-More information
JAWSChromenone
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: The entered character was announced, but no information about changes to the suggestions
More information
JAWSIEnone
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: The entered character was announced, but no information about changes to the suggestions
More information
JAWSFirefoxnone
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: The entered character was announced, but no information about changes to the suggestions
More information
NarratorEdgeyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • Output: "suggestions" is announced every time the suggestions change
More information
NVDAChromenone
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: The entered character was announced, but no information about changes to the suggestions
More information
NVDAFirefoxnone
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: The entered character was announced, but no information about changes to the suggestions
More information
OrcaFirefoxnone
  • Result: (fail)
    • command: <enter text> (enter text)
    • location before command: before target
    • location after command: target
    • Output: no announcements
More information
TalkBackChromenone
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: nothing output when options update from input tex
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: The entered character was announced, but no information about changes to the suggestions
More information
VoiceOver (macOS)Safarinone
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: no announcement made
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: datalist element: convey that changes in suggestions were made

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

Expectation for the option element: 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.

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 SpeakingChromenone
  • Result: (fail)
    • command: "Choose <option text>" (Choose drop down option)
    • Output: text of command was entered into the text input
More information
JAWSChromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: Name and value are announced when provided.
More information
JAWSIEnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Blank", skipped the suggestions and started reading the content after the input.
More information
JAWSFirefoxnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Blank", skipped the suggestions and started reading the content after the input.
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "function, 1 of 6, selected"
More information
NVDAChromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: Name and value are announced when provided.
More information
NVDAFirefoxnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "blank" was announced for every option
More information
OrcaFirefoxyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "generator function, generator function"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Select next option)
    • location before command: before target
    • location after command: target
    • Output: function* generator function, double tap to activate, double tap and hold to long press
More information
Voice Access (Android)Chromeyes
  • Result: (pass)
    • command: "Tap <text>" or just "<text>" (Activate item by name)
    • Output: option was flagged for disambiguation
    • Notes: said "tap function"
More information
Voice Control (iOS)Safarinone
  • Result: (fail)
    • command: "Tap <text>" (Activate item by name)
    • Output: names were not listed for options
    • Notes: said "show names". This was done after entering the word "function" into the input so that suggestions were displayed.
More information
Voice Control (MacOS)Safariyes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: option was not activated
    • Notes: said "click function"
More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Explore the keyboard by single press + move (explore), then release on a key (touch type with virtual keyboard)
    • Output: "function*"
Notes: Only the option value is listed as predictions, not the name.
More information
VoiceOver (macOS)Safarinone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: nothing was conveyed at all
More information
Windows Speech RecognitionChromenone
  • Result: (fail)
    • command: "Click <text>" (Activate item by name)
    • Output: role was not activated
    • Notes: said "click function"
More information

Extended Support for: option element: convey an appropriate name

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEunknown-More information
Dragon Naturally SpeakingFirefoxunknown-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxunknown-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromeunknown-More information
Voice Control (MacOS)Firefoxunknown-More information
Windows Speech Recognition 1903Edge 44yes
  • Result: (pass)
    • command: "Click <text>" (Activate item by name)
    • Output: role was activated
    • Notes: said "click function"
More information
Back to top

Expectation for the option element: 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.

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 SpeakingChromenone
  • Result: (fail)
    • command: Click <role> (Click Type)
    • Output: text of command was entered into the text input
More information
JAWSChromepartial
  • Result: (partial)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: Menu context is conveyed when entering the list, which implies that every item in the list is an option.
Notes: The menu context might imply a menuitem role instead of an option role
More information
JAWSIEnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Blank", skipped the suggestions and started reading the content after the input.
More information
JAWSFirefoxnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Blank", skipped the suggestions and started reading the content after the input.
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: the option role is implied by the "combo" role of the text input and the "suggestions" announcement.
More information
NVDAChromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "has auto complete" announced on the text input implies that up and down arrows will navigate suggestions
More information
NVDAFirefoxpartial
  • Result: (partial)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "has auto complete" announced on the text input implies that up and down arrows will navigate suggestions
More information
OrcaFirefoxpartial
  • Result: (partial)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "generator function, generator function"
    • Notes: the menu role might imply a menuitem role instead of an option role
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Select next option)
    • location before command: before target
    • location after command: target
    • Output: "function, in list, showing autofill popup"
Notes: option role was implied by the announcement of "autofill menu" and "in list" when entering the list of options
More information
Voice Access (Android)Chromeyes
  • Result: (pass)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: options were flagged with a number
    • Notes: said "show numbers"
More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinone
  • Result: (fail)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: role was not flagged with a number
    • Notes: said "show numbers"
More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Explore the keyboard by single press + move (explore), then release on a key (touch type with virtual keyboard)
    • Output: "function, prediction"
More information
VoiceOver (macOS)Safarinone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: nothing was conveyed at all
More information
Windows Speech RecognitionChromenone
  • Result: (fail)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: role was not flagged with a number
    • Notes: said "show numbers"
More information

Extended Support for: option element: convey an appropriate role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEunknown-More information
Dragon Naturally SpeakingFirefoxunknown-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxunknown-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromeunknown-More information
Voice Control (MacOS)Firefoxunknown-More information
Windows Speech Recognition 1903Edge 44yes
  • Result: (pass)
    • command: "Show numbers" (Turn on the numbers overlay)
    • Output: role was flagged with a number
    • Notes: said "show numbers"
More information
Back to top

Expectation for the option element: 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.

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 SpeakingChromenone
  • Result: (fail)
    • command: "Choose <option text>" (Choose drop down option)
    • Output: text of command was entered into the text input
More information
JAWSChromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: Name and value are announced when available
More information
JAWSIEnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Blank", skipped the suggestions and started reading the content after the input.
More information
JAWSFirefoxnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Blank", skipped the suggestions and started reading the content after the input.
More information
NarratorEdgenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "async generator function"
Notes: Only the name is displayed by Edge and announced by Narrator if both the name and value are set.
More information
NVDAChromeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: Name and value are announced when provided.
More information
NVDAFirefoxnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Blank"
More information
OrcaFirefoxnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "generator function, generator function"
More information
TalkBackChromeyes
  • Result: (pass)
    • command: Swipe right (Select next option)
    • location before command: before target
    • location after command: target
    • Output: function* generator function, double tap to activate, double tap and hold to long press
More information
Voice Access (Android)Chromeyes
  • Result: (pass)
    • command: "Tap <text>" or just "<text>" (Activate item by name)
    • Output: options were flagged for disambiguation
    • Notes: said "tap target arrow"
More information
Voice Control (iOS)Safarinone
  • Result: (fail)
    • command: "Tap <text>" (Activate item by name)
    • Output: names were not listed for options
    • Notes: said "show names". This was done after entering the word "function" into the input so that suggestions were displayed.
More information
Voice Control (MacOS)Safarinone
  • Result: (fail)
    • command: "Click <text>" (Activate item by name)
    • Output: option was not activated
    • Notes: said "click function"
More information
VoiceOver (iOS)Safariyes
  • Result: (pass)
    • command: Explore the keyboard by single press + move (explore), then release on a key (touch type with virtual keyboard)
    • Output: "function*"
More information
VoiceOver (macOS)Safarinone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: nothing was conveyed at all
More information
Windows Speech RecognitionChromenone
  • Result: (fail)
    • command: "Click <text>" (Activate item by name)
    • Output: role was not activated
    • Notes: said "click function"
More information

Extended Support for: option element: convey the value of the option when used in a datalist context

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable
  • Result: (na)
    • command: "Click <text>" (Activate item by name)
    • Output:
    • Notes: not displayed
More information
Back to top

Expectation for the option element: 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

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 SpeakingChromenot applicable-More information
JAWSChromenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: position information was not conveyed
More information
JAWSIEnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: position information was not conveyed
More information
JAWSFirefoxnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: position information was not conveyed
More information
NarratorEdgeyes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "function, 1 of 6, selected"
More information
NVDAChromenone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: position information was not conveyed
Notes: the first item was announced as "row 1", however other items did not convey their position.
More information
NVDAFirefoxnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: position information was not conveyed
More information
OrcaFirefoxnone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "generator function, generator function"
More information
TalkBackChromenone
  • Result: (fail)
    • command: Swipe right (Select next option)
    • location before command: before target
    • location after command: target
    • Output: (outputs number of items when first entering list of options)
More information
Voice Access (Android)Chromenot applicable-More information
Voice Control (iOS)Safarinot applicable-More information
Voice Control (MacOS)Safarinot applicable-More information
VoiceOver (iOS)Safarinone
  • Result: (fail)
    • command: Explore the keyboard by single press + move (explore), then release on a key (touch type with virtual keyboard)
    • Output: position information was not conveyed
More information
VoiceOver (macOS)Safarinone
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: position information was not conveyed
More information
Windows Speech RecognitionChromenot applicable-More information

Extended Support for: option element: convey information about the position the option in the list

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingIEnot applicable-More information
Dragon Naturally SpeakingFirefoxnot applicable-More information
JAWSEdgeunknown-More information
NarratorFirefoxunknown-More information
NarratorChromeunknown-More information
NarratorIEunknown-More information
NVDAIEunknown-More information
NVDAEdgeunknown-More information
TalkBackFirefoxunknown-More information
Voice Access (Android)Firefoxnot applicable-More information
VoiceOver (iOS)Chromeunknown-More information
VoiceOver (macOS)Chromeunknown-More information
VoiceOver (macOS)Firefoxunknown-More information
OrcaChromeunknown-More information
Voice Control (MacOS)Chromenot applicable-More information
Voice Control (MacOS)Firefoxnot applicable-More information
Windows Speech Recognition 1903Edge 44not applicable-More information
Back to top

History

  • 2019-07-20 Test created
  • 2019-07-24 Add assertion for position in set information for the option element
  • 2019-07-26 Talkback results added. Thank you @dennisl
  • 2019-09-15 Add orca results
  • 2019-09-23 Added vc_ios results
  • 2019-10-02 Add va_and results
  • 2019-10-07 Add vc_macos results
  • 2019-10-18 Add wsr results