Demos: Accessible Carrousel using ARIA, and Vanilla JS

First content zone

This first example of accessible carrousel is animated. You may test it!




This example has a different transition (fade in/fade out, specified using data-carrousel-transition="fade"). And uses data-carousel-hide-arrows-focus="true" option.




Another example

A content already displayed

We are on second content zone, thanks to data-carrousel-active-slide="2" attribute.