https://github.com/jakelazaroff/roving-tabindex

A simple HTML web component that implements the roving tabindex pattern for building accessible menus and grids. Use it with any framework or just plain HTML!
https://github.com/jakelazaroff/roving-tabindex

Last synced: about 2 months ago
JSON representation

A simple HTML web component that implements the roving tabindex pattern for building accessible menus and grids. Use it with any framework or just plain HTML!

• Host: GitHub
• URL: https://github.com/jakelazaroff/roving-tabindex
• Owner: jakelazaroff
• License: mit
• Created: 2023-11-28T02:08:55.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-30T22:44:18.000Z (11 months ago)
• Last Synced: 2024-03-15T00:58:41.535Z (10 months ago)
• Language: HTML
• Homepage: https://jakelazaroff.github.io/roving-tabindex/
• Size: 49.8 KB
• Stars: 12
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Roving tabindex

A simple [HTML web component](https://adactio.com/journal/20618) that implements the [roving tabindex pattern](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex) for building accessible menus and grids.

Wrap it around some markup and give it a selector to determine which elements become navigable!

```html

  


    
One

    
Two

    
Three

  


```

# Installation

`` isn't on NPM; download `roving-tabindex-0.2.0.js` and add it into your codebase.

The file exports a class with a static `register` method as the default export:

```js

import RovingTabindex from "./roving-tabindex-0.2.0.js";

RovingTabindex.register();

```