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

Test: HTML input with datalist test

Current support: partial (67/116)

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 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-07-24
JAWS2019.1906.10Google Chrome7519032019-07-24
JAWS2019.1906.10Internet Explorer1119032019-07-24
JAWS2019.1906.10Firefox (desktop)6819032019-07-24
Narrator1903Microsoft Edge4419032019-07-24
NVDA2019.1.1Google Chrome7519032019-07-24
NVDA2019.1.1Firefox (desktop)6819032019-07-24
TalkBack9Google Chrome (android)7592019-07-26
VoiceOver for iOS12.3.1Safari (iOS)12.3.112.3.12019-07-24
VoiceOver for macOS10.14.5Safari (macOS)12.1.110.14.52019-07-24
Orca3.31.4Firefox (desktop)69Ubuntu 19.042019-09-15

Summary of support by expectation and assistive technology

ExpectationDragon Naturally SpeakingJAWSNarratorNVDATalkBackVoiceOver for iOSVoiceOver for macOSOrca
input[type="text"] element
MUST convey an appropriate namesupportedsupportedsupportedsupportedsupportedsupportedsupportedsupported
MUST convey an appropriate rolesupportedsupportedsupportedsupportedsupportedsupportedsupportedsupported
MUST convey the current valuenot applicablepartial (1/3)supportedsupportedsupportedsupportedsupportedsupported
MUST convey the current valuenot applicablesupportedsupportedsupportedsupportedsupportedsupportedsupported
SHOULD provide shortcuts to jump to text inputsnot applicablesupportedsupportedsupportedsupportedsupportedsupportedsupported
list attribute
MUST convey the presence of the list attributenot applicablepartial (2/3)supportedsupportedsupportednonenonenone
datalist element
MUST convey an appropriate rolesupportedsome partial supportsupportedpartial (1/2)supportednonenonepartial
MUST convey the boundaries of the elementnot applicablesome partial supportsupportednonepartialsupportednonesupported
MUST convey that changes in suggestions were madenot applicablenonesupportednonenonenonenonenone
option element
MUST convey an appropriate namenonepartial (1/3)supportedpartial (1/2)supportednonenonesupported
MUST convey an appropriate rolenonesome partial supportsupportedpartial (1/2)supportedsupportednonepartial
MUST convey the value of the option when used in a datalist contextnonepartial (1/3)nonepartial (1/2)supportedsupportednonenone
SHOULD convey information about the position the option in the listnot applicablenonesupportednonenonenonenonenone

* means that some support is hidden behind settings

Detailed support results by expectation

input[type="text"] 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 (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 SpeakingGoogle Chromeyes
  • Result: (pass)
    • command: "Click <text>" (Activate actionable item)
    • Output: text input was focused
More information
JAWSGoogle Chromeyes
  • Result: (fail)
    • 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."
More information
JAWSInternet Exploreryes
  • Result: (fail)
    • 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"
More information
JAWSFirefox (desktop)yes
  • Result: (fail)
    • 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"
More information
NarratorMicrosoft Edgeyes
  • 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
NVDAGoogle Chromeyes
  • 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
NVDAFirefox (desktop)yes
  • 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
TalkBackGoogle Chrome (android)yes
  • 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
VoiceOver for iOSSafari (iOS)yes
  • 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 for macOSSafari (macOS)yes
  • 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
OrcaFirefox (desktop)yes
  • 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

Extended Support for: input[type="text"] 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

input[type="text"] 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 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.

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 SpeakingGoogle Chromeyes
  • Result: (pass)
    • command: Click <type> (Click Type)
    • Output: text input was focused
More information
JAWSGoogle Chromeyes
  • 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
JAWSInternet Exploreryes
  • 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
JAWSFirefox (desktop)yes
  • 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
NarratorMicrosoft Edgeyes
  • 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
NVDAGoogle Chromeyes
  • 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
NVDAFirefox (desktop)yes
  • 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
TalkBackGoogle Chrome (android)yes
  • 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
VoiceOver for iOSSafari (iOS)yes
  • 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 for macOSSafari (macOS)yes
  • 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
OrcaFirefox (desktop)yes
  • 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

Extended Support for: input[type="text"] 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

input[type="text"] 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:

  • 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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • 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
JAWSInternet Explorerpartial
  • 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
JAWSFirefox (desktop)partial
  • 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
NarratorMicrosoft Edgeyes
  • 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
NVDAGoogle Chromeyes
  • 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
NVDAFirefox (desktop)yes
  • 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
TalkBackGoogle Chrome (android)yes
  • 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
VoiceOver for iOSSafari (iOS)yes
  • 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 for macOSSafari (macOS)yes
  • 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
OrcaFirefox (desktop)yes
  • 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

Extended Support for: input[type="text"] 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

input[type="text"] element: The screen reader MUST convey the current value

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

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 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: "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
JAWSInternet Exploreryes
  • 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
JAWSFirefox (desktop)yes
  • 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
NarratorMicrosoft Edgeyes
  • 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
NVDAGoogle Chromeyes
  • 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
NVDAFirefox (desktop)yes
  • 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
TalkBackGoogle Chrome (android)yes
  • 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
VoiceOver for iOSSafari (iOS)yes
  • 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 for macOSSafari (macOS)yes
  • 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
OrcaFirefox (desktop)yes
  • 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

Extended Support for: input[type="text"] 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

input[type="text"] 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.

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • 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
JAWSInternet Exploreryes
  • 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
JAWSFirefox (desktop)yes
  • 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
NarratorMicrosoft Edgeyes
  • 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
NVDAGoogle Chromeyes
  • 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
NVDAFirefox (desktop)yes
  • 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
TalkBackGoogle Chrome (android)yes
  • 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
VoiceOver for iOSSafari (iOS)yes
  • 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 for macOSSafari (macOS)yes
  • 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
OrcaFirefox (desktop)yes
  • 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

Extended Support for: input[type="text"] 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

list attribute: The screen reader MUST convey the presence of the list attribute

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

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 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: "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
JAWSInternet Explorernone
  • 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
JAWSFirefox (desktop)yes
  • 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
NarratorMicrosoft Edgeyes
  • 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
NVDAGoogle Chromeyes
  • 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
NVDAFirefox (desktop)yes
  • 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
TalkBackGoogle Chrome (android)yes
  • 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
VoiceOver for iOSSafari (iOS)none
  • 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 for macOSSafari (macOS)none
  • 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
OrcaFirefox (desktop)none
  • 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

Extended Support for: list attribute: The screen reader MUST convey the presence of the list attribute

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

datalist 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 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 SpeakingGoogle Chromeyes
  • Result: (pass)
    • command: "Show choices" (Show drop down choices)
    • Output: suggestions were displayed
More information
JAWSGoogle Chromepartial
  • 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
JAWSInternet Explorernone
  • 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
JAWSFirefox (desktop)none
  • 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
NarratorMicrosoft Edgeyes
  • 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
NVDAGoogle Chromeyes
  • 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
NVDAFirefox (desktop)partial
  • 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
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "autofill, menu"
More information
VoiceOver for iOSSafari (iOS)none
  • 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 for macOSSafari (macOS)none
  • 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
OrcaFirefox (desktop)partial
  • 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

Extended Support for: datalist 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

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

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromepartial
  • 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
JAWSInternet Explorernone
  • 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
JAWSFirefox (desktop)none
  • 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
NarratorMicrosoft Edgeyes
  • 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
NVDAGoogle Chromenone
  • 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
NVDAFirefox (desktop)none
  • 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
TalkBackGoogle Chrome (android)partial
  • 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
VoiceOver for iOSSafari (iOS)yes
  • 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 for macOSSafari (macOS)none
  • 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
OrcaFirefox (desktop)yes
  • 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

Extended Support for: datalist 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

datalist element: The screen reader MUST convey that changes in suggestions were made

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

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 SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: The entered character was announced, but no information about changes to the suggestions
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: The entered character was announced, but no information about changes to the suggestions
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: The entered character was announced, but no information about changes to the suggestions
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: <enter text> (enter text)
    • Output: "suggestions" is announced every time the suggestions change
More information
NVDAGoogle Chromenone
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: The entered character was announced, but no information about changes to the suggestions
More information
NVDAFirefox (desktop)none
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: The entered character was announced, but no information about changes to the suggestions
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: nothing output when options update from input tex
More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: The entered character was announced, but no information about changes to the suggestions
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: <enter text> (enter text)
    • Output: no announcement made
More information
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: <enter text> (enter text)
    • location before command: before target
    • location after command: target
    • Output: no announcements
More information

Extended Support for: datalist element: The screen reader MUST convey that changes in suggestions were made

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 Chromenone
  • Result: (fail)
    • command: "Choose <option text>" (Choose drop down option)
    • Output: text of command was entered into the text input
More information
JAWSGoogle Chromeyes
  • 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
JAWSInternet Explorernone
  • 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
JAWSFirefox (desktop)none
  • 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
NarratorMicrosoft Edgeyes
  • 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
NVDAGoogle Chromeyes
  • 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
NVDAFirefox (desktop)none
  • 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
TalkBackGoogle Chrome (android)yes
  • 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
VoiceOver for iOSSafari (iOS)none
  • 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 for macOSSafari (macOS)none
  • 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
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "generator function, generator function"
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 Chromenone
  • Result: (fail)
    • command: Click <type> (Click Type)
    • Output: text of command was entered into the text input
More information
JAWSGoogle Chromepartial
  • 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
JAWSInternet Explorernone
  • 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
JAWSFirefox (desktop)none
  • 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
NarratorMicrosoft Edgeyes
  • 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
NVDAGoogle Chromeyes
  • 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
NVDAFirefox (desktop)partial
  • 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
TalkBackGoogle Chrome (android)yes
  • 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
VoiceOver for iOSSafari (iOS)yes
  • 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 for macOSSafari (macOS)none
  • 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
OrcaFirefox (desktop)partial
  • 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

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 MUST 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.

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 SpeakingGoogle Chromenone
  • Result: (fail)
    • command: "Choose <option text>" (Choose drop down option)
    • Output: text of command was entered into the text input
More information
JAWSGoogle Chromeyes
  • 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
JAWSInternet Explorernone
  • 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
JAWSFirefox (desktop)none
  • 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
NarratorMicrosoft Edgenone
  • 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
NVDAGoogle Chromeyes
  • 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
NVDAFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "Blank"
More information
TalkBackGoogle Chrome (android)yes
  • 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
VoiceOver for iOSSafari (iOS)yes
  • 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 for macOSSafari (macOS)none
  • 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
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "generator function, generator function"
More information

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

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 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: position information was not conveyed
More information
JAWSInternet Explorernone
  • 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
JAWSFirefox (desktop)none
  • 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
NarratorMicrosoft Edgeyes
  • 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
NVDAGoogle Chromenone
  • 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
NVDAFirefox (desktop)none
  • 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
TalkBackGoogle Chrome (android)none
  • 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
VoiceOver for iOSSafari (iOS)none
  • 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 for macOSSafari (macOS)none
  • 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
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (select next option)
    • location before command: before target
    • location after command: target
    • Output: "generator function, generator function"
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

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