Example: product detail — info tabs
Keep tab labels short (1–2 words). Use Segmented for primary navigation, Underline for secondary contexts
Don't nest tabs inside tabs. Don't exceed the recommended tab count (5 for Segmented, 7 for Underline)
Tab to focus, Arrow keys to navigate, Enter/Space to selectrole="tablist" on container, role="tab" on triggers, role="tabpanel" on contentaria-selected on active tab, aria-controls linking tab to panel