WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Question on accessible carousel implementation

for

From: Bryan Garaventa
Date: Apr 4, 2016 2:23PM

Hello, the WAI Carousel Tutorial is a good beginning to end document for implementing an accessible carousel.
https://www.w3.org/WAI/tutorials/carousels/

There is a lot that goes into the functionality for something like this, not just for keyboard only users, but textual equivalents for non-sighted screen reader users, plus mouse events for auto pausing and resuming, etc, so a lot of redundant functionality is needed to cover all of these bases.

Here is an example that includes all of these concepts:
http://whatsock.com/tsg/Coding%20Arena/Carousels,%20Slideshows,%20and%20Wizards/Carousel%20(Flat%20from%20XML%20with%20Overrides)/demo.htm

All the best,
Bryan