-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Closed
Description
Describe the bug
Finding an Option from the Combobox List
- Keyboard users (especially those using AT) expect to be able to type the same character to navigate through all options starting with the same letter (example: type “S” multiple times to move through “South Carolina” followed by “South Dakota”, etc.)
Finding_option_error.mp4
Selecting a Combobox Option
- Combobox allows users to confirm a selection using either the ENTER key (which is good) or the TAB key (which is unexpected behavior).
- Additionally, the SPACE key (often used to confirm selections) only scrolls down the Combobox list.
Space_input_error.mp4
Tab_Selection_Error2.mp4
Steps to reproduce the bug
Finding an Option from the Combobox List
- Turn on screen reader
- Keyboard navigation to the Combobox input
- Type a alphabetical letter to get to an item i.e.
Sfor South Carolina - Repeat typing the same letter
- FAIL
Selecting a Combobox Option via spacebar
- Turn on screen reader
- Keyboard navigation to the Combobox input
- Use arrow keys to navigate to an item
- Type spacebar to select the item
- FAIL
Selecting a Combobox Option via tab
- Turn on screen reader
- Keyboard navigation to the Combobox input
- Use arrow keys to navigate to an item
- Type tab to move focus from the field
- FAIL
Expected Behavior
Finding an Option from the Combobox List
Users working with AT expected to be able to type the same character to navigate through all options starting with the same letter (example: type “S” multiple times to move through “South Carolina” followed by “South Dakota”, etc.)
Selecting a Combobox Option or tab
- Combobox allows users to confirm a selection using either the ENTER key (which is good) or the TAB key (which is unexpected behavior).
- Additionally, the SPACE key (often used to confirm selections) only scrolls down the Combobox list.
Screenshots
No response
System setup
OS: MacOS: 12.6 Monterey
Browser: Safari 16.1 (17614.2.9.1.13, 17614)
Voiceover and keyboard
Additional context
On videos above, the green text indicates the keyboard inputs.
cc: @jonadecker @steveja11y
Code of Conduct
- I agree to follow this project's Code of Conduct.
- I checked the current issues for duplicate bug reports.
Metadata
Metadata
Assignees
Labels
Type
Projects
Status
Done