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

Navigation item in SingleDropdownList - not a11y useable with keyboard #1958

Open
simkea opened this issue Apr 29, 2022 · 2 comments
Open

Navigation item in SingleDropdownList - not a11y useable with keyboard #1958

simkea opened this issue Apr 29, 2022 · 2 comments
Labels

Comments

@simkea
Copy link

simkea commented Apr 29, 2022

Library Version: 3.30.2

Describe the bug
The SingleDropdownList element cannot be operated by keyboard, if there are several selection elements here, it is not possible to make a selection with arrow up or down in the list.
We have a blind colleague and it would be nice if the accessibility is improved here.

The same problem exists with the DataSearch component.

Maybe there is also a setting that I have not found in the documentation?
thx
br

@simkea simkea added the bug label Apr 29, 2022
@simkea simkea changed the title Navigation item in SingleDropdownList - not a11y useable width keyboard Navigation item in SingleDropdownList - not a11y useable with keyboard Apr 29, 2022
@mohdashraf010897
Copy link
Member

@simkea I am not able to reproduce the issue on my end.

I have been successful in operating the SingleDropdownList component through keyboard keys, selecting values, and changing them.

Check the demo here - https://docs.appbase.io/docs/reactivesearch/v3/list/singledropdownlist/#demo

@dev-code-davis
Copy link

dev-code-davis commented Aug 1, 2022

@simkea I am not able to reproduce the issue on my end.

I have been successful in operating the SingleDropdownList component through keyboard keys, selecting values, and changing them.

Check the demo here - https://docs.appbase.io/docs/reactivesearch/v3/list/singledropdownlist/#demo

I'm not able to tab + enter / up & down navigate the select list - https://codesandbox.io/s/github/appbaseio/reactivesearch/tree/next/packages/web/examples/SingleDropdownList?from-embed
Nor most of the Reactivesearch components.
P.S. The same issue persists with daterange. Not sure how one could select the date within the calendar widget.

Chromium + Firefox tested.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants