Baseline checks
- Every interactive control must be keyboard reachable and visibly focused.
- Touch targets should meet the 44px minimum unless the component is read-only data display.
- Text and state colors must meet WCAG AA contrast in light and dark mode.
- Use semantic labels,
aria-label, or visible headings when the component has no text label. - Do not expose file contents, user data, or generated HTML without host-app validation.
TabNavigation notes
The component API is documented in the API tab. Before shipping, verify the default example, long-content example, disabled or empty state, and mobile layout.