The role="tablist" row of Tab buttons inside
Tabs — requires an aria-label naming the tab group.
tsx
<TabList aria-label="Demo tabs">
...
</TabList>aria-label
Examples
aria-label should name the group of content being switched between, not the word "tabs"
itself — "Project sections", not "Tab list":
tsx
Overview panel content.
<TabList aria-label="Project sections">
<Tab value="overview">Overview</Tab>
<Tab value="activity">Activity</Tab>
</TabList>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| aria-label * | text | — | — |