Tabs

Keyboard

Use the left and right arrow keys to move between tabs. Press Tab to reach the panel and its controls.

Semantics

Give TabsList an accessible name and connect each panel to its tab.

Checklist

• Give TabsList an accessible name and connect each tab to its panel.
• Check arrow-key navigation and keep the selected tab in sync with the visible panel.
• Keep inactive panels out of navigation and allow Tab to reach the active panel's controls.

For contrast, zoom and screen reader checks, see the common accessibility checklist.