enhancement: a11y rule "interactive-supports-focus" fails with a warning. #4138
Assignees
Labels
a11y
Issues related to accessibility
🐛 bug
Something isn't working
hacktoberfest
Issues for https://hacktoberfest.digitalocean.com/
Comments
|
Thanks for the issue, our team will look into it as soon as possible! If you would like to work on this issue, please wait for us to decide if it's ready. The issue will be ready to work on once we remove the "needs triage" label. To claim an issue that does not have the "needs triage" label, please leave a comment that says ".take". If you have any questions, please comment on this issue. For full info on how to contribute, please check out our contributors guide. |
14 tasks
nickytonline
added
hacktoberfest
|
.take |
Bashamega
added a commit
to Bashamega/app
that referenced
this issue
Oct 11, 2024
…supports-focus" warning
The changes include adding tabIndex={0} to elements with role="tab" to ensure they are focusable for
keyboard navigation, addressing the accessibility warning (jsx-a11y/interactive-supports-focus).
Additionally, an onKeyDown handler was introduced to allow keyboard interaction, enabling users to
select tabs using the Enter or Space keys. These changes improve both accessibility and user
experience by making the tabs keyboard-accessible.
fixes open-sauced#4138
4 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Describe the bug
jsx-a11y eslint plugin was recently added to the project and this rule -jsx-a11y/interactive-supports-focus - fails with a warning.
This issue offers more context: #2264
Steps to reproduce
The following components and files are causing the rule to fail:
The text was updated successfully, but these errors were encountered: