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

Stepper is not keyboard accessible #8449

Open
1 of 3 tasks
drscottlobo opened this issue Apr 19, 2024 · 0 comments
Open
1 of 3 tasks

Stepper is not keyboard accessible #8449

drscottlobo opened this issue Apr 19, 2024 · 0 comments

Comments

@drscottlobo
Copy link

Description

I'm loving this library! I had so many issues customizing MUI and switched to Chakra and it has been so much easier and more intuitive to use. Thank you for all your hard work on it!

I just ran into the following issue:

Currently the Step component of the Stepper allows for an onClick in order to set the active step. However, when this is the case, shouldn't the Step component also allow the user to tab to a new step and trigger the onClick with a Spacebar or Enter? This does not currently work.

Link to Reproduction

https://v2.chakra-ui.com/docs/components/stepper/usage

Steps to reproduce

I tried adding tab-index={0} to Step, which does allow the keyboard to focus on the Steps, but a click is not triggered with Spacebar or Enter. I also tried role="button" to no avail. Can keyboard access be better supported with this component?

Chakra UI Version

2.8.2

Browser

No response

Operating System

  • macOS
  • Windows
  • Linux

Additional Information

No response

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

No branches or pull requests

1 participant