An Owl Carousel v2 accessibility layer
Written by Stephan Fischer
If you want to use owl-aria to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. [Purchase an Owl-Aria Commercial License]
- jQuery
- Owl Carousel v2
In the <head> of your page, after you set up your jQuery, Owl Carousel and jquery-throttle-debounce <script> items, add the following:
<script type="text/javascript" src="owl.carousel.aria.min.js"></script>- Adds WAI-ARIA visibility and role hinting attributes
- Adds keyboard navigation (arrow keys for previous/next, enter keys on controls)
- Controls the focus of each element within the carousel, for a correct tabindex sequence
- Works with nested carousels
Once you've installed the accessibility layer plugin, it gets used automatically when you instantiate Owl Carousel.