Keyboard-first blog browsing

The blog index keeps normal links and a standard search field, then adds a small keyboard layer when JavaScript is available. The keyboard support is an enhancement, not a different navigation system: Tab, Enter, and pointer input still work as expected.

The controls

Press / to open the search field. A query filters titles and descriptions and updates the URL, so a filtered view can be shared or restored after a reload.

• j and Down move to the next visible post.
• k and Up move to the previous visible post.
• The selection wraps at either end of the visible list.
• Enter opens the selected post.
• Escape first leaves a query applied and moves to the result list; a second Escape clears the filter.

The selected row uses a subtle background instead of a layout-changing border. That gives the current result a visible state without moving the date, title, or description.

Avoiding keyboard conflicts

Single-key shortcuts are ignored in text fields and other editable controls. That means typing j or k into the search field remains ordinary text entry, while the arrow keys can still move through results. The header shortcuts follow the same rule, so the navigation remains available without taking over a form.