Tabs

A row of labels above a block of content. Click one and the block shows that section.

Also called: tabs, tab, tab bar, tab switcher, sections, switch sections, description specs reviews, vertical tabs, tabbed, tabbed interface, browser tabs

What it is for

Tabs fit several sections into one spot on the page. All the labels are visible, but only one section is open, and you don’t have to go anywhere to see another.

Where you see it

• Product pages — “Description / Specs / Reviews”
• Account settings — vertical tabs on the left
• Browsers — tabs of open sites at the top of the window

What it is called in code

• role="tablist" + role="tab"
• Tabs

See also

• Radio button — A small circle used to pick one option out of several. Choosing another one clears the previous choice.
• Accordion — A vertical list of headings. Click one to open or close the content hidden under it.
• Bottom navigation — A navigation bar fixed to the bottom of a phone screen, with 3–5 icons for the main sections.