Semantics

A container for the resources associated with a tab, where each tab is contained in a tablist.

Additional info from the ARIA specification

Authors MUST ensure that if a tab is active, a corresponding tabpanel that represents the active tab is rendered.

Authors SHOULD associate a tabpanel element with its tab, by using the aria-controls attribute on the tab to reference the tab panel, and/or by using the aria-labelledby attribute on the tab panel to reference the tab.

tablist elements are typically placed near, and usually preceding, a series of tabpanel elements. See the ARIA Authoring Practices Guide for details on implementing a tab set design pattern.

Abstract Role

  • StructureRepresents a non-interactive part of a page that organizes content into coherent units.

Content Categories

  • Flow ContentAn element that structures and organizes the body of a web document.

Allowed Descendants

Flow Children Allowed

Usage

Allowed HTML elements

Implicit semantics

  • None

Explicitly allowed

  • section[role=tabpanel]

Elements that can have any role

  • abbr[role=tabpanel]
  • address[role=tabpanel]
  • b[role=tabpanel]
  • blockquote[role=tabpanel]
  • canvas[role=tabpanel]
  • cite[role=tabpanel]
  • code[role=tabpanel]
  • custom-element[role=tabpanel]
  • data[role=tabpanel]
  • del[role=tabpanel]
  • dfn[role=tabpanel]
  • div[role=tabpanel]
  • em[role=tabpanel]
  • figure[role=tabpanel]
  • i[role=tabpanel]
  • ins[role=tabpanel]
  • kbd[role=tabpanel]
  • mark[role=tabpanel]
  • output[role=tabpanel]
  • p[role=tabpanel]
  • pre[role=tabpanel]
  • q[role=tabpanel]
  • samp[role=tabpanel]
  • small[role=tabpanel]
  • span[role=tabpanel]
  • table[role=tabpanel]
  • tbody[role=tabpanel]
  • tfoot[role=tabpanel]
  • thead[role=tabpanel]
  • time[role=tabpanel]
  • u[role=tabpanel]
  • var[role=tabpanel]