a11yarrows

Enable keyboard arrow navigation on focusable elements - View example

Install

a11yarrows can be installed via NPM:

$ npm install a11yarrows --save

or by direct script include:

<script src="{path_to_scripts}/a11yarrows.js">

Initialize

At minimum, a11yarrows requires a target HTML element to be defined and passed into the a11yarrows function call. The target element should be a container element that wraps your list.

let target = document.querySelector('#a11y-list');

There is also an optional options object that can modify default parameters.

a11yarrows.init(target, options);

Initialize as ES6 Module:

import * as a11yarrows from "a11yarrows";
 
let target = document.querySelector("#a11y-list");
a11yarrows.init(target, {
    // options
    selector: "li",
});

Initialize with Vanilla JS:

let target = document.querySelector("#a11y-list");
a11yarrows.init(target, {
    // options
    selector: ".item",
});

Options

a11yarrows accept a number of configuration parameters:

License

a11yarrows is released under the MIT license.