[A11Y FEATURE (W0017)]: Detect aria-hidden="true" on interactable elements issue #174

[elidakirigo]

New A11y Feature: (W0017) #174

Description

this pull request checks whether interactive HTML element & custom interactive elements are being ignored by assistive technologies and screen readers by containing aria-hidden=true. a warning is displayed.

the interactive elements are

a, button, summary, area, audio[controls], iframe, input, select, textarea, video[controls]

custom roles include -
"button", "combobox", "link", "menuitem", "menuitemcheckbox", "menuitemradio", "option", "scrollbar", "searchbox", "slider", "spinbutton", "switch", "tab", "radio", "textbox", "treeitem"

Why is this important?

this is important because -

1. Screen readers can’t access hidden buttons, links, inputs.
2. Breaks WCAG compliance
3. Causes keyboard navigation issues - Users can tab to elements that have no announced role or label.
4. Creates poor user experience by Leading to confusion for screen reader users.
5. Legal and compliance risks by Violating accessibility laws and regulations.

Better alternatives exist – Use disabled or aria-disabled instead of aria-hidden on active elements.

Covered test cases

the covered test were 2.

1. checks if the interactive elements with aria-hidden have a border-color of rgb(255,255,102) - warning color
2. checks if the HTML element with aria-hidden=true has content containing "WARNING (W0017): Interactive element containing aria-hidden"

Did you test on all major browsers?

• Chrome
• Firefox
• Edge
• Safari

Other details

N/A

T&Cs

• I confirm I have read and understand the contributing guidelines
• I understand the work in this pull request will not be released straight away and will appear in a future release (if approved)
• I confirm the work in this pull request is true and valid to the best of my knowledge
• I have updated the README, features.md and codes.md files where applicable

[jackdomleo7]

Apologies @elidakirigo, I was away on vacation. This looks really good. You've understood the project well and you expanded more on the original feature request! Good job and thanks for contributing.