v154 · scroll-marker-group · keyboard contract
Focus-order journal
The two modes differ most where you cannot see it: the keyboard. links mode makes every marker a sequential tab stop; tabs mode gives the group one tab stop and moves between markers with arrow keys. The journal below records real focus traffic — press Tab and the arrow keys through both carousels and compare what your browser actually does against the spec's table.
Walk the markers
scroll-marker-group: after links
scroll-marker-group: after tabs
Focus & key journal
- Nothing recorded yet. Click “Start a keyboard walk”, then press Tab and the arrow keys.
What script can and cannot see. When a ::scroll-marker pseudo-element holds focus, document.activeElement reports its originating element — the journal labels those entries marker-of(…). The role each marker exposes (link vs tab) is not observable from JavaScript at all; verify it in the DevTools accessibility panel or a screen reader. That is why this page journals focus and keys, and does not claim to probe roles.
the spec's keyboard table
| action | links | tabs |
|---|---|---|
| Tab into the group | lands on the first marker; further Tabs visit every marker | lands on the active marker only |
| Arrow keys inside the group | no special behaviour | move between markers (focusgroup) |
| Tab from a focused marker | next marker (they are all tab stops) | into the active tabpanel's content |
| Activate a marker | sequential-focus starting point moves to the target; marker loses focus | focus stays on the marker |