standarnav playground
starting…
↑
↓
←
→
arrows, a d-pad or a remote drive it; moves are explained in the console
Rail 1
Rail 2
Rail 3
Rail 4
Rail 5
Rail 6
Rail 7
Rail 8
Grid 1
Grid 2
Grid 3
Grid 4
Grid 5
Grid 6 (disabled)
Grid 7
Grid 8
Volume — a native range, engageable because `range` is not text entry
Quantity — a button, because A never reaches a number input
3
Month — comes round, where the slider stops
January
A native
<select>
that opens a real list. Its own popup is a platform surface outside the document, so opening
that
is what loses a pad; this opens a list of ordinary elements built from the select's own options. A opens it, the directions move through it, A picks and B closes with nothing changed. The
<select>
keeps the value, so a form still submits it.
Europe
Asia
Africa
The replacement — a trigger and real options
Europe
Europe
Asia
Africa
Link A
Link B
A div with a click handler and no tabindex: invisible to the engine on purpose.