metafizzy / metafizzy/flickity

ADA Aria/tab index compliance

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

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.