Accessible360 / accessible-slick

the last (accessible) carousel you'll ever need.
https://accessible360.github.io/accessible-slick
MIT License
254 stars 45 forks source link

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

Open dsievers opened 2 years ago

dsievers commented 2 years ago

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.