[Tabs] Aria-Hidden used in JS is tripping accessibility checkers
Open
- Dominant language
- JavaScript
- Stars
- 29.8k
- Forks
- 5.4k
- Avg merge
- 25m
- Merged PRs (30d)
- 1
Description
When using the code to incorporate tabs on a webpage, **aria-hidden="true"** is causing accessibility flags. It appears to be in the JS as it's not hard-coded into the HTML or CSS. Since the ah-true is pretty much never needed, is it necessary here, or is there a way around its usage? Otherwise, the design is great and excellent to use.
Contributor guide
Research direction
Inspect the JavaScript that assembles the Tabs component and reproduce the accessibility checker flags caused by aria-hidden="true". Determine whether the attribute is necessary for the tab behavior, then verify that the tabs still work and the accessibility warnings are resolved.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100