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

Mismatch between perceived affordance and input used on Categories list #385

Open
joedolson opened this issue Jul 19, 2022 · 0 comments
Open
Labels
Accessibility Issues related to keyboard navigation, screen readers, etc

Comments

@joedolson
Copy link

The control to expand the list of categories is designed to look like a button or link, but is actually a hidden checkbox. While this is functional, it's an unexpected interaction. Screen reader users will generally be able to figure it out, since they are informed of the type of element when they move focus to it, but sighted keyboard users will attempt to activate it using the Enter key. While some users may explore further and discover that it can be activated using the Space key, many users will simply assume it is broken.

This should either add a JS event handler to trigger the change on Enter, or should be shifted to use a more standard button toggle with aria-expanded, which would be a more expected interaction.

@ryelle ryelle added the Accessibility Issues related to keyboard navigation, screen readers, etc label Jul 20, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Accessibility Issues related to keyboard navigation, screen readers, etc
Projects
None yet
Development

No branches or pull requests

2 participants