Demo: jquery-roving-tabindex

Linear Widgets

Tab to a list item then use up and down arrows to change the roving tabindex.

Linear Widget 1

  • Item 1
  • Item 2
  • Item 3

Linear Widget 2 (autoWrap: true)

  • Item 1
  • Item 2
  • Item 3

Grid Widgets

Tab to a cell then use up, down, left and right arrows to change the roving tabindex.

Grid Widget 1

1234567
891011121314

Grid Widget 2 (autoWrap: true)

1234567
891011121314