Carousel

Readme

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.


Examples

Example 1: Discrete Carousel with One Item


Example 2: Discrete Carousel with Multiple Items


Example 3: Continuous Carousel

Under development.


Updated: April 9th, 2020