slick
slick copied to clipboard
A combination of two options disables accessibility support
When providing Slick two specific options we lose keyboard support.
====================================================================
http://jsfiddle.net/fpzahn04/3/
====================================================================
Steps to reproduce the problem
- Create slides that have a focusable element, such as a link
- Initialise Slick with the following options:
'centerMode': true, 'infinite': false
- Test if you can focus on interactive elements in the visible slide
====================================================================
What is the expected behaviour?
Links and interactive elements inside visible slides should be focusable using the 'tab' key.
====================================================================
What is observed behaviour?
Links and interactive elements inside visible slides were not focusable using the 'tab' key, because those links still have negative tabindex that was not removed. The negative tabindex removal is never ran because the slide does not have an slick-active
class. The conditions that add this class are never met with these two options.
====================================================================
More Details
- Which browsers/versions does it happen on? Chrome 84.
- Which jQuery/Slick version are you using? 1.8.0 Slick ersion
- Did this work before? No
Just found the same bug!