Widget index / Navigation and data · Download this HTML
Ready — try the example.
States and behavior
Selected tab, inactive tabs, focus, persistent values in hidden panels.
Keyboard
Tab enters the active tab; Left/Right and Home/End select tabs; Tab enters the active panel.
Scope and adaptation
Automatic activation is appropriate for these local, instant panels. Later guidance discourages multiple rows; use a layout that keeps labels readable.
Sources
Microsoft preliminary guide (1995), chapters 7–8 · Modern browser accessibility pattern
Original implementation; system colors are represented by CSS variables. The default 13 px system-font stack is a readable browser adaptation. The 1995 source is preliminary, not a final product specification. Test the target browser and native host before shipping.