Disclosure vs Tabs: Pick the Right One
Choose the pattern that fits your content.
They Look Alike, Act Differently
Tabs and accordions both hide and show content, so they get confused. Picking the wrong pattern can leave users disoriented.
Tabs Show One at a Time
A tab set presents mutually exclusive views: opening one panel closes the others. It suits content the user compares one slice at a time.
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