ID:WORK-048Status:done
Keyboard navigation for plan site
Add keyboard shortcuts for fast navigation: / to focus search, j/k to move between sidebar items, Enter to navigate, [/] to jump between entity type groups, o to toggle collapse, Escape to clear.
Priority:lowComplexity:simpleSource:SPEC-015
Acceptance Criteria
/focuses the search/filter barEscapeclears filter and unfocuses search barj/kmoves to next/previous item in sidebarEnternavigates to the focused item[/]jumps to previous/next entity type groupotoggles collapse of the focused group- Visual focus indicator matches the active link style
- Shortcuts don't fire when typing in the search input (except Escape)
Approach
A keyboard-nav behavior. Sidebar items get tabindex attributes. The behavior manages a virtual focus cursor and delegates to existing collapse/filter behaviors.
Once WORK-050 converges the plan renderer with the shared layout engine, this behavior can be registered in the planLayout.behaviors array (like mobile-menu and search in docsLayout), removing the need for inline script injection.
References
- Plan Site UX at Scale (Plan Site UX at Scale — Feature 5)
- Collapsible status groups in plan sidebar (collapsible groups —
okey integration) - Sidebar search and filter bar for plan site (search bar —
/key integration) - Converge plan site renderer with shared layout engine (renderer convergence — enables
behaviorsarray registration)
Relationships
Related
ID:WORK-050Status:done11/11
Converge plan site renderer with shared layout engine
Priority:highComplexity:complex
ID:WORK-044Status:done8/8
Collapsible status groups in plan sidebar
Priority:highComplexity:moderate
ID:WORK-045Status:done8/8
Sidebar search and filter bar for plan site
Priority:highComplexity:moderate