Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ADA compliance error in slideshow when tabbable elements are in the content #74

Open
dsievers opened this issue Jun 30, 2022 · 0 comments

Comments

@dsievers
Copy link

Running SortSite tool on our website with accessible slick for our slideshow has this error:
An element with aria-hidden=true contains focusable content. | WCAG 2.1 A 1.3.1 Section 508 (2017) A 1.3.1 | 1 pages

The hidden element and its contents are not voiced by a screen reader, but the contents contain an element with tabindex set or active a, button, input, select and textarea controls. The user can tab to these or focus via touch and hears only silence.

in our case it is an anchor tag. To resolve this we had to write javascript that ties into the afterChange and beforeChange callback methods and set visibility hidden and visible on our elements as the slides change. It would be nice to have this built into the slide so we don't have to write this custom javascript.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant