← Notes from the lab / 02Interaction / Hawkview Inc

A keyboard is
a design tool.

Following an interface without a pointer exposes the order, clarity, and control of the experience.

Reading view / InteractionNOTE 02

Follow the route through the page.

A keyboard review begins with the path. Move through the interactive elements and ask whether the sequence follows the task. The order should help a person understand where they are and what they can do, rather than mirror an accidental arrangement of source code.

A visible focus indicator makes that path perceivable. Removing it because it looks different from a hover style takes away information from the person using the keyboard. Focus and selection also represent different things: a highlighted tab may be selected while another control has the current focus.

Start with semantic links, buttons, and form controls. They provide established behavior that a custom visual element does not receive automatically. Appearance alone cannot make a generic container function like a button.

Give each action a clear name.

A control should communicate what activating it does. Several buttons named “Go” or links named “More” may be hard to distinguish outside their visual surroundings. Use labels that describe the destination or action with enough context.

Consider instructions alongside labels. If a control behaves like a familiar pattern, follow that pattern’s expected keyboard behavior. If it does something unusual, the interface may need a clearer explanation or a simpler design.

Avoid adding every decorative element to the tab sequence. The keyboard route should reach useful interactive controls. Informational text remains available through the page’s reading structure without pretending to be an action.

Use a complete interaction pattern.

A set of visual tabs needs more than a selected color. The controls should identify their associated panels, expose the selected state, and support the expected movement within the tab set. The exact behavior should be chosen and implemented consistently.

The W3C Authoring Practices Guide describes keyboard behavior and semantics for common patterns. Its guidance can support implementation decisions, while an actual review is still needed in the application and its supported environments.

A simple native disclosure can be a better choice than a custom widget when the task is only to reveal additional information. Complexity should support the interaction, not become an obligation created by the visual style.

Plan where focus goes next.

Opening a menu, closing a dialog, or completing an action can change what is available on the screen. The focus response should remain understandable. A person should not have to restart at the top of the page because an interface removed the element they were using.

A navigation menu can return focus to its trigger when closed with Escape. A modal interaction, if required, needs a fuller focus-management pattern. These decisions should be part of the component’s behavior specification rather than an improvised final adjustment.

Review both the normal action and a changed direction. Can a person cancel, return, or correct a choice without losing their place? The answer often reveals where the interface needs a clearer structure.

Treat keyboard review as one part of quality.

Keyboard use can reveal important issues, but it is not a complete accessibility audit. Screen-reader behavior, contrast, resizing, content clarity, and other considerations require their own appropriate checks. Record the review scope accurately.

The practical value is immediate: a keyboard turns navigation and interaction into an observable sequence. That sequence can inform better design before the page is considered finished.

Connect the idea to the workInterface development