Accessible carousels in public Slick.js archive

Hi,
In case it's of interest, I forked a copy of Slick.js, which is a common carousel that is used by thousands across the web, but has critical accessibility issues. So I fixed all of them. This uses all of the expected behaviors we've been discussing in the APG for the carousel design pattern. You are welcome to try this out at
https://github.com/accdc/slick
(This also works accessibly when auto-rotation is enabled via autoplay: true.)

Note I only fixed the carousel issues, not all of the unnamed images within index.html, so presumably people will actually make sure their content is accessible when they implement this within their own projects. However, I am not holding out for common sense to prevail at this point.

I'll make a pull request for the  project owner once I finish some final testing, but here it is in case it's of help to anyone.

All the best,
Bryan


Bryan Garaventa
Principal Accessibility Architect
Level Access, Inc.
Bryan.Garaventa@LevelAccess.com
415.624.2709 (o)
www.LevelAccess.com

Received on Wednesday, 15 May 2019 23:59:22 UTC