Use left & right button controls to paginate the carousel slides. Use TAB key to navigate through focusable elements in the slide. Activate screen reader to hear carousel status updates (e.g. 'Video Games Carousel - Slide 2').

For simplicity sake we have omitted any kind of animation when paginating slides, but most likely a real carousel would utilise some kind of scroll effect. Again, this is a timely reminder that our emphasis with these examples is accessibility concepts only.

Please read the documentation to understand how these examples were created.


Example 1: Discrete Carousel with One Item

Example 2: Discrete Carousel with Multiple Items

Example 3: Continuous Carousel

Under development.

Updated: April 9th, 2020