Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Screen reader not reading selected list when dropdown is closed [Bug]: #697

Open
SamiiNodenPoli opened this issue Feb 16, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@SamiiNodenPoli
Copy link

Bug description

The screen reader does not read the selected list when focus is removed from the dropdown and remains on the field

Expected behavior

When an item in the dropdown list is selected and then this is collapsed using esc key, the focus moves back to the field and screen reader should read the selected list of items along with the field name when focus is received.

Steps to reproduce

Step 1:
When the 'state' combo box receives tab focus, screen reader reads it as “State combo box collapsed has auto complete editable blank”. It reads the name, role, value, and state of the element i.e.,

Name- State
Role- Combobox
Value- Blank
State- collapsed

image

Step 2:
When the combo box is expanded, using down arrow key, screen reader announces the list item along with its position out of total items. Ex: “Alabama 1 of 56, Alaska 2 of 56”

image

Step 3:
On selecting Alaska, screen reader announces the value selected. “State combo box collapsed has auto complete editable Alaska”

image

Similarly, the expectation from the combo box is for it to read the values selected as shown in Step 3.

Currently, it is reading as “Function combo box collapsed editable opens list Function blank” even though the field, which contains values, is selected.

Suggestion: It should read something like- “Function combo box collapsed editable opens list Selection name selected Selection name selected”

Additional context

All devices

@SamiiNodenPoli SamiiNodenPoli added the bug Something isn't working label Feb 16, 2024
@JoackimPennerup
Copy link

What plugins are you using? They differ a lot in how well they handle a11y.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants