Widget index / Navigation and data · Download this HTML
Ready — try the example.
States and behavior
Details/icons, selected item, focus and ascending/descending sort; selection survives reordering.
Keyboard
Tab visits sort buttons and the selected row; arrows and Home/End change row; Enter opens. Header buttons sort.
Scope and adaptation
A compact single-selection file list, not an editable spreadsheet grid. The responsive icon view uses linear arrow navigation. Use a full grid model for editable cells.
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.