@progress/wct-a11y-spec/dist/angular/keyboard-navigation/tabstrip_keyboard-navigation.md

Contains accessibility and keyboard navigation specification of Telerik and Kendo web components.

## Managing Focus

Focusable elements in the TabStrip components are:

- Selected Tab
- Tab Content/Panel

The tab items focusing mechanism is roving tabindex. Only the active tab should have `tabindex="0"`, the remaining tabs should have `tabindex="-1"`

## Keyboard Shortcuts

When end is reached, the first tab is focused. When start is reached, the last tab is focused.

| Shortcut | Behavior |
|----------|----------|
| `Up Arrow` & `Down Arrow`| Vertical Orientation shortcuts. Activates the previous/next tab, or current tab if there is no active tab. |
| `Left Arrow` & `RightArrow`| Horizontal Orientation shortcuts. Activates the previous/next tab, or current tab if there is no active tab. |
| `Enter` | Activates the tab item if automatic selection is not enabled. |
| `Home` | Focuses the first item and activates it, if automatic selection is enabled. |
| `End` | Focuses the last item and activates it, if automatic selection is enabled. |

## Resources
- https://www.w3.org/TR/wai-aria-practices/#keyboard-interaction-19
- https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html