foundation / foundation/yeti

[Tabs] Aria-Hidden used in JS is tripping accessibility checkers

Open
#15,546 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.