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

datalist element (html)

Screen reader support level: partial (7/30)

Voice Control support level: supported

On this page

The datalist element represents a set of option elements that represent predefined options for other controls. It is attached to an input via the list attribute.

Expectations

What are expectations?

Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver for iOSVoiceOver for macOS
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

Voice Control support by expectation

ExpectationDragon Naturally SpeakingVoice Access for AndroidVoice Control for iOSVoice Control for MacOS
MUST convey an appropriate rolesupportednot applicablenot applicablenot applicable

Expectation: convey an appropriate role

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

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: MUST
ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromesupported
JAWSGoogle Chromepartial
JAWSInternet Explorernone
JAWSFirefox (desktop)none
NarratorMicrosoft Edgesupported
NVDAGoogle Chromesupported
NVDAFirefox (desktop)partial
OrcaFirefox (desktop)partial
TalkBackGoogle Chrome (android)supported
Voice Access for AndroidGoogle Chrome (android)not applicable
Voice Control for iOSSafari (iOS)not applicable
Voice Control for MacOSSafari (macOS)not applicable
VoiceOver for iOSSafari (iOS)none
VoiceOver for macOSSafari (macOS)none

This expectation is referenced by 1 tests.

Tests that reference this expectation
Test nameScreen Reader supportVoice Control support
HTML input with datalist testpartial (64/110)partial (7/13)

Expectation: 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
ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenot applicable
JAWSGoogle Chromepartial
JAWSInternet Explorernone
JAWSFirefox (desktop)none
NarratorMicrosoft Edgesupported
NVDAGoogle Chromenone
NVDAFirefox (desktop)none
OrcaFirefox (desktop)supported
TalkBackGoogle Chrome (android)partial
Voice Access for AndroidGoogle Chrome (android)not applicable
Voice Control for iOSSafari (iOS)not applicable
Voice Control for MacOSSafari (macOS)not applicable
VoiceOver for iOSSafari (iOS)supported
VoiceOver for macOSSafari (macOS)none

This expectation is referenced by 1 tests.

Tests that reference this expectation
Test nameScreen Reader supportVoice Control support
HTML input with datalist testpartial (64/110)partial (7/13)

Expectation: 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
ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromenot applicable
JAWSGoogle Chromenone
JAWSInternet Explorernone
JAWSFirefox (desktop)none
NarratorMicrosoft Edgesupported
NVDAGoogle Chromenone
NVDAFirefox (desktop)none
OrcaFirefox (desktop)none
TalkBackGoogle Chrome (android)none
Voice Access for AndroidGoogle Chrome (android)not applicable
Voice Control for iOSSafari (iOS)not applicable
Voice Control for MacOSSafari (macOS)not applicable
VoiceOver for iOSSafari (iOS)none
VoiceOver for macOSSafari (macOS)none

This expectation is referenced by 1 tests.

Tests that reference this expectation
Test nameScreen Reader supportVoice Control support
HTML input with datalist testpartial (64/110)partial (7/13)

Related features

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

list attribute (html)

DragonJAWSNarratorNVDAOrcaTalkBackVoice AccessVC iOSVC MacOSVoiceOver (iOS)VoiceOver (macOS)
not applicablepartial (2/3)supportedsupportednonesupportednot applicablenot applicablenot applicablenonenone

option element (html)

DragonJAWSNarratorNVDAOrcaTalkBackVoice AccessVC iOSVC MacOSVoiceOver (iOS)VoiceOver (macOS)
some partial supportpartial (8/15)partial (4/5)partial (7/10)partial (3/5)supportedsupportednonepartial (2/3)partial (4/5)partial (2/5)

optgroup element (html)

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