Designing for keyboard-first reading

Students triage mail fast. Every action in our dashboard has a shortcut and a visible focus state.

DEDevansh Rao10 July 20264 min readUpdated 5 August 2026

Why shortcuts, not gestures

A keyboard shortcut is discoverable, documentable and testable. A gesture is none of those things.

Every interactive element carries a visible ring. We never remove the outline without replacing it with something stronger.

css

.focus-ring:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

We run the whole triage flow with the mouse unplugged before every release. If a task cannot be completed from the keyboard, it is a bug.

About the author

Principal Engineer

Devansh builds the provisioning pipeline that turns a chosen username into a live encrypted mailbox in under ten seconds.

We're wiring up a moderated discussion thread for each post. Until then, reply by email and we'll add good questions to the article.

Coursework, cohort announcements and admin mail all compete for attention. Here is how we structure the inbox around them.

Education

11 June 20265 min read

Disposable, expiring addresses let students trial tools without handing over a permanent identity.

Engineering

26 July 20267 min read

A walkthrough of the pipeline that turns a chosen username into a live, encrypted mailbox.