https://github.com/stephan-fischer/owl-aria

An Owl Carousel v2 accessibility layer
https://github.com/stephan-fischer/owl-aria

a11y accessibility jquery jquery-plugin owl owl-carousel owl-plugin owl2

Last synced: about 18 hours ago
JSON representation

An Owl Carousel v2 accessibility layer

• Host: GitHub
• URL: https://github.com/stephan-fischer/owl-aria
• Owner: stephan-fischer
• Created: 2018-04-04T11:31:08.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-11-26T21:30:23.000Z (about 5 years ago)
• Last Synced: 2025-02-05T16:15:45.953Z (3 days ago)
• Topics: a11y, accessibility, jquery, jquery-plugin, owl, owl-carousel, owl-plugin, owl2
• Language: JavaScript
• Size: 14.6 KB
• Stars: 4
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Owl-Aria

An Owl Carousel v2 accessibility layer

## Authorship

Written by [Stephan Fischer](mailto:[email protected])

## License

### Commercial license

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]](https://gumroad.com/l/hzuWp)

## Requirements

* jQuery

* Owl Carousel v2

## Installation

In the `` of your page, after you set up your jQuery, Owl Carousel and jquery-throttle-debounce `` items, add the following:

```html

<script type="text/javascript" src="owl.carousel.aria.min.js">

```

## Features

* 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

## Usage

Once you've installed the accessibility layer plugin, it gets used automatically when you instantiate Owl Carousel.