spec 1 linked patterns checked
WAI-ARIA APG Tabs Pattern
Defines tabs as layered tab panels with tablist, tab, tabpanel, aria-controls, aria-selected, arrow-key movement, optional manual activation, and focus-to-panel behavior.
Read with a purpose
What this source can teach
Use this source to check a technical or accessibility requirement against its exact wording and scope.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Tabs | Choose tabs for sibling sections at the same hierarchy level that share one surrounding page context. | Changing tabs updates the visible panel without losing the surrounding page context. | APG documents tablist, tab, tabpanel, aria-controls, aria-selected, arrow-key movement, and manual activation. |
Comparisons supported by this source
- Tabs vs segmented control vs pagination
APG defines tablist, tab, tabpanel, selected state, panel ownership, and keyboard behavior for tabbed content.
Evidence Role
This source is treated as spec evidence. Its value comes from the specific claims and setting described above.
Publisher: W3C Web Accessibility Initiative. Last checked: .