tabpanel
Widget roleThe content region associated with a tab, shown when that tab is selected and hidden otherwise. It should be labelled by its tab with aria-labelledby and is often focusable so keyboard users can move into the revealed content. Only the active panel is visible at a time.
Used on
The content container associated with a tab.
Accessible name
Recommended, via aria-labelledby pointing to its tab.
Used by components
Example
role="tabpanel"
<div role="tabpanel" aria-labelledby="t1" id="p1">…</div>References