Select Test with a select element.

The select element below includes a selected option (option 2) as well as a disabled option (option 3).

The Test

Browser Results

Expectation Chrome (Win) Chrome (Mac) Firefox (Win) Firefox (Mac) Edge (Win) Safari (Mac) Safari (iOS) Chrome Android
Browser displays the `selected` option Yes Yes Yes Yes Yes Yes Yes Not tested
The `disabled` option cannot be selected Yes Yes Yes Yes Yes Yes Yes Not tested
Enter: opens the menu and places focus on the selected item. Yes No No No Yes No N/A Not tested
Space: opens the menu and places focus on the selected item. Yes Yes Yes Yes Yes Yes N/A Not tested
Optional) Down Arrow: opens the menu and moves focus to the first menu item. No, just traverses the list No, opens menu and starts on `selected` item No, just traverses the list No, just traverses the list No, opens menu and starts on `selected` item No, opens menu and starts on `selected` item N/A Not tested
(Optional) Up Arrow: opens the menu and moves focus to the last menu item. No, just traverses the list No, opens menu and starts on `selected` item No, just traverses the list No, just traverses the list No, opens menu and starts on `selected` item No, opens menu and starts on `selected` item N/A Not tested
Esc closes select Yes Yes Yes Yes Yes Yes N/A Not tested

Screenreader results

Expectation JAWS 2024 with Chrome JAWS 2024 with Firefox JAWS 2024 with Edge NVDA with Chrome NVDA with Firefox Narrator on Edge VoiceOver on Mac with Safari VoiceOver on iOS with Safari Talkback on Android with Chrome
Announce Label text Yes Yes Yes Yes Yes Yes Yes Yes Not tested
Announce `selected` option Yes Yes Yes Yes Yes Yes Yes Yes
Announce each option Yes Yes including `disabled` Yes Yes including `disabled` Yes including `disabled` Yes including `disabled` Yes including `disabled` Yes Not tested
Announce number of options Yes X of Y (not great) Yes X of Y (not great) X of Y (not great) X of Y (not great) No No Not tested
Announce manual selected option Label + `selected` option Label + `selected` option Label + `selected` option Label + `selected` option Label + `selected` option Label + `selected` option Label + `selected` option Yes Not tested

Test and Version details