How does arrow navigation work in Table view?

Arrow keys move focus between cells in a spreadsheet-like pattern. Up/Down moves between rows in the same column. Left/Right moves between columns in the same row. Enter opens edit mode on the focused cell. Escape exits edit mode. Tab moves to the next cell, Shift+Tab to the previous. Home and End jump to the first and last column in the current row.

How does arrow navigation work in Gallery view?

Arrow keys move between cards in the gallery grid. Left/Right moves horizontally between cards. Up/Down moves between rows. Enter opens the quick-view panel for the focused card. Escape closes the panel. The focused card has a visible border highlight so you always know where you are.

How does arrow navigation work in Kanban view?

Left/Right arrow keys move focus between columns. Up/Down moves between cards within a column. Enter opens the card detail. Cmd+Right/Left moves the focused card to the next or previous column (changing its status). This makes it possible to manage an entire pipeline without touching the mouse.

Does arrow navigation wrap at boundaries?

In Table view, pressing Right at the last column moves focus to the first column of the next row. Pressing Down at the last row does not wrap — it stays at the bottom. In Gallery view, pressing Right at the end of a row moves to the first card of the next row. These behaviors match spreadsheet conventions users already know.

How do Enter and Escape interact with navigation?

Enter has two modes. When navigating, Enter opens the focused item — it starts cell editing in Table view and opens quick-view in Gallery/Kanban. When editing, Enter confirms the change and moves focus to the next cell. Escape always means "go back one level" — exit edit mode, close a panel, or clear selection.

Is there a visual indicator showing which cell/card is focused?

Yes. The focused element always has a visible focus ring — a subtle border highlight that moves with your arrow keys. In Table view, the focused cell gets a primary-colored border. In Gallery, the focused card gets an elevated shadow and border. In Kanban, the focused card has a left-edge highlight. The focus indicator is visible in all color themes.

How does Tab differ from Arrow keys?

Arrow keys provide spatial navigation — move in the direction you press. Tab provides sequential navigation — move to the next focusable element in DOM order. In Table view, Tab moves left-to-right, top-to-bottom through cells. Arrow keys let you move in any direction. Use Tab for linear workflows, arrows for spatial exploration.

Does arrow navigation work with screen readers?

Yes. All arrow key navigation is fully accessible. The focused element is announced to screen readers, including the cell value, row/column position, and any relevant status. ARIA live regions announce dynamic changes. The navigation follows WAI-ARIA grid pattern for tables and listbox pattern for galleries.

Can I select multiple items with arrow keys?

Yes. Hold Shift while pressing Up/Down arrows to extend selection in Table view. In Gallery view, Shift+Arrow selects a range of cards. In Kanban, Shift+Up/Down selects multiple cards within a column. Cmd+A selects all visible items in any view.

What happens when I press arrow keys while a modal or panel is open?

Arrow key navigation is scoped to the active context. When a detail panel is open, arrow keys navigate within the panel fields. When a dropdown is open, Up/Down navigates options. Press Escape to close the overlay and return to grid navigation. This context-awareness prevents confusion.

Arrow Key Navigation

Move through data like a pro

Spreadsheet-like cell navigation in tables. Card-to-card in gallery. Column-to-column in kanban. Enter opens, Escape closes, Tab moves forward. Spatial navigation that feels natural.

Table View — Arrow Key Navigation

Name

Status

Score

Updated

Content Strategy Guide

Published

2h ago

SEO Audit Checklist

Review

1d ago

Competitor Analysis

Draft

3d ago

Onboarding Playbook

Published

5d ago

↑↓←→ Move between cells

Enter Edit cell

Tab Next cell

Spreadsheet-grade table navigation

Arrow keys move focus cell-by-cell. Tab moves left-to-right, top-to-bottom. Enter opens edit mode, Escape closes it. Home and End jump to first and last column. It works exactly like the spreadsheet you already know — but with real-time sync and AI built in.

↑↓←→ — move focus one cell at a time
Tab / Shift+Tab — sequential cell navigation
Enter — edit the focused cell
Escape — exit edit mode, keep focus
Home / End — jump to first/last column
Shift+↑↓ — extend row selection

Cell Focus States

SEO Audit Checklist

Idle

No border, blends with grid

SEO Audit Checklist

Focused

Primary border, subtle background

SEO Audit Checklist|

Editing

Primary border, cursor visible

SEO Audit Checklist

Selected

Part of multi-select range

Gallery: card-to-card movement

Arrow keys move between cards in the gallery grid. Left/Right moves horizontally. Up/Down moves between rows. Enter opens the quick-view panel. The focused card gets an elevated border so you always know where you are.

←→ — move between cards in a row
↑↓ — move between rows of cards
Enter — open quick-view panel
Escape — close panel, return to grid
Right wraps to next row at end of line
Shift+Arrow — select range of cards

Gallery View

to navigate|to open

Kanban: column-to-column flow

Left/Right moves focus between kanban columns. Up/Down navigates cards within a column. Enter opens the card detail. Cmd+Right moves the focused card to the next column — changing its status without dragging. Manage your entire pipeline from the keyboard.

←→ — move focus between columns
↑↓ — navigate cards within a column
Enter — open card detail panel
Cmd+→ — move card to next column (status change)
Cmd+← — move card to previous column
Escape — close detail, return to board

Kanban View

Draft2

Review3

Published1

←→ columns↑↓ cardsCmd+→ move card

Accessibility by design

Keyboard-first is not just a power-user feature — it is an accessibility requirement. Every view follows WAI-ARIA patterns. Screen readers announce focus changes. Focus indicators are always visible.

Visible focus rings

High-contrast focus indicators in every theme

Screen reader support

ARIA labels, live regions, and role attributes

Logical tab order

Focus moves in reading order, never jumps randomly

WAI-ARIA grid pattern

Tables follow the ARIA grid role specification

ARIA listbox pattern

Galleries and kanban use listbox navigation

WCAG 2.1 AA

Meets keyboard accessibility guidelines

Views with arrow nav

Keys to master (↑↓↵)

WCAG compliance

Mouse-only interactions

How it feels

Navigate by feel, not by sight.

Arrow down. Arrow right. Enter. Edit. Escape. Arrow down. You stop watching the cursor and start feeling the grid. Each view has its own spatial logic — tables are a grid, galleries are a matrix, kanban is columns. Once you internalize the shape, navigation becomes instinct. Your eyes read data while your fingers move through it.

Frequently asked questions

Your data is incomplete. Fix it.

Define your schema. Import your data. Let AI enrich every record. See quality scores improve in real time. Free to start, no credit card.

Move through data like a pro

Spreadsheet-grade table navigation

Gallery: card-to-card movement

Kanban: column-to-column flow

Accessibility by design

Frequently asked questions

How does arrow navigation work in Table view?

How does arrow navigation work in Gallery view?

How does arrow navigation work in Kanban view?

Does arrow navigation wrap at boundaries?

How do Enter and Escape interact with navigation?

Is there a visual indicator showing which cell/card is focused?

How does Tab differ from Arrow keys?

Does arrow navigation work with screen readers?

Can I select multiple items with arrow keys?

What happens when I press arrow keys while a modal or panel is open?

Your data is incomplete. Fix it.

Command Palette