Repository files navigation

🍫 ⌨️ enhanced keyboard tabbing usability on any website / webapp with one line of code.

• Features
• Installation
• Usage
• APIs
• Development
• Security
• License

• Vanilla JS / Zero dependencies
• Preserved defaulttabindex behaviour
• Tabbing enabled on the following elements:'a','button','input','select','summary','textarea','[tabindex]'(any element withtabindex attribute)
• Tabbing disabled on all elements that aredisabled(impossible to interact with) orinvisible(hidden or without width/height)
• Tabbing disabled on all elements that are children/descendants of elements with tabbing disabled
• Tabbing trapped inside modal elements(any element witharia-modal="true" attribute that is enabled and visible)
• Reversed tabbing order whenShift key is pressed
• Looped tabbing when reaching the last focusable element
• Checkboxes can be checked/unchecked usingEnter key

This library is available throughnpm:

npm install @fabiocaccamo/tabbo.js

<scriptsrc=" https://cdn.jsdelivr.net/npm/@fabiocaccamo/tabbo.js/dist/tabbo.min.js"></script>

<scriptsrc="node_modules/@fabiocaccamo/tabbo.js/dist/tabbo.min.js"></script>

consttabbo=require("@fabiocaccamo/tabbo.js");

Theonly thing you have to do is activatetabbo as soon as possible:

tabbo.activate();

If needed, you can deactivatetabbo at any time:

tabbo.deactivate();

• git clone https://github.com/fabiocaccamo/tabbo.js.git
• npm install

• npm run watch

• npm run build

Refer toSECURITY.md

Released underMIT License.