fx-switch tabs
Setting appearance="tabs" on fx-switch turns it into a proper
ARIA tabs widget: the switch renders role="tablist" around its
fx-trigger children, each trigger's widget gets role="tab" and
aria-selected, and each targeted fx-case gets
role="tabpanel" plus aria-labelledby pointing back to its tab.
Arrow keys (Left/Right/Up/Down/Home/End) move focus between tabs and activate the
corresponding case, following the WAI-ARIA "automatic activation" tabs pattern. This
requires the fx-trigger/fx-toggle pairs to be direct children
of fx-switch, alongside the fx-case elements they target -
plain fx-switch usage elsewhere (bound switches, wizards, accordions) is
unaffected.
Keyboard: Tab into the strip to focus the selected tab, then use ←/→ (or ↑/↓) to move between tabs - moving focus also activates the corresponding case. Home/End jump to the first/last tab.
Focused tab:
Selected by default.
Some further content.
Some completely unneeded content.