metafizzy / metafizzy/flickity
ADA Aria/tab index compliance
- Dominant language
- JavaScript
- Stars
- 7.6k
- Forks
- 593
- PR merge metrics
- No merged PRs in 30d
Description
Hey team,
Was having a bit of issues with Flickity for ada compliance. Specifically " ARIA hidden element must not be focusable or contain focusable elements
Ensure aria-hidden elements are not focusable nor contain focusable elements"
This is on (packaged) v2.2.1 so this might have been fixed on a more recent version but situation required to resolve at "as is" so this might be edge case functionality.
As a fix I built out a js listener and modifier to catch and modify these status/declares to meet wcag needs.
The addon I made is located here: https://github.com/luckyth13teen/Flickity_ada_assist
Since this was built for specific resolution there is likely some code that is unhelpful/unnecessary, but would rather your team be the judge of its value (or not).
Contributor guide
Research direction
No repository file or test is named. Start by reproducing the reported aria-hidden/focusability audit finding against packaged v2.2.1, then review the linked Flickity_ada_assist addon and compare its behavior with the current project. Done means the reported WCAG violation is resolved without breaking carousel focus behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Needs clarification
- Newbie friendliness
- 42/100