Arrow-Key Navigation Between Tabs
Let users move tabs with the keyboard.
Tabs Are Not Just Clickable
A correct tab set is driven by the keyboard, not the mouse alone. The APG pattern expects arrow keys to move between tabs.
The Tablist Is One Tab Stop
Pressing Tab should land on the tab set just once, not stop on every tab. The whole tablist behaves as a single stop in the page order.
All lessons in this course
- The Tabs Pattern: tablist, tab, tabpanel
- Arrow-Key Navigation Between Tabs
- Accordions With Button and aria-expanded
- Disclosure vs Tabs: Pick the Right One