smart-table-keyboard


keyboard navigation for widgets implementing the grid pattern

Installation

`npm install --save smart-table-keyboard

or

yarn add smart-table-keyboard

Usage

Assuming you have
`Markup




`

`Javascript
import stk from 'smart-table-keyboard';

const grid = document.querySelector('table[role="grid"])' // the grid widget

stk(grid,{rowSelector:'tr', cellSelector:'th,td'});
`
Note it does not have to be a table: you can have for example

`Javascript
stk(document.querySelector('div[role="grid"]',{rowSelector:'[role="row"]', cellSelector:'[role="gridcell"]'});
`

$3

You can skip a cell or a row from the navigation by adding the attribute data-keyboard-skip="true" to the related html element(s)

$3

You can force navigation within a cell to sub widgets using the attribute data-keyboard-selector

`Markup



`

The cell won't be focused but directly the buttons

Examples

You'll find more examples extracted from the wai aria guide

Contribute

$3

npm test or yarn test`

$3

reproducible bugs only.

Licence

MIT

b1 b2