datalist element

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.

Estimated Support About

44.44% + 44.44% = 88.88%

JAWS

Chrome

92
1 2

Edge

92
2

IE

11
3 4 2

Firefox

73
2

Narrator

Edge

44
5

NVDA

Chrome

92
6 2

Edge

92
2

Firefox

73
7 2

Orca

Firefox

73
8 2

TalkBack

Android

80

VoiceOver (iOS)

iOS

13.3.1
9 10 2

VoiceOver (MacOS)

Safari

13.0.5
3 4 2

Dragon Naturally Speaking

Chrome

79

Voice Access (Android)

Android

79

Voice Control (iOS)

iOS

13.3.1

Voice Control (MacOS)

Safari

13.0.5

Windows Speech Recognition

Edge

44

Chrome

79

Notes

  • 1

    HTML input with datalist test: The datalist is conveyed as a menu as opposed to a listbox.

  • 2

    Didn’t convey that changes in suggestions were made

  • 3

    Didn’t convey its role

  • 4

    Didn’t convey the boundaries of the element

  • 5

    HTML input with datalist test: The datalist role is implied by the “combo” role and “suggestions” announcement.

  • 6

    HTML input with datalist test: 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.

  • 7

    HTML input with datalist test: 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”.

  • 8

    HTML input with datalist test: boundaries are implied by the menu and focus being sent back to the input

  • 9

    HTML input with datalist test: 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.

  • 10

    HTML input with datalist test: 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.

Resources

Know something we don't?

Is any of the above data outdated? Or do you want to add a new software combination to the list? Heads on to GitHub and edit the data file!

Edit this page on GitHub Report an issue on GitHub

Not comfortable with GitHub? Send us an email or get in touch on Twitter.

Test it yourself

This feature was last tested on July 19, 2019.

If you want to test this feature in the same conditions as we did, you can get our test code and run a test by yourself. Make sure to follow our testing recommendations first.

View the test code