Keyboard interaction
Keyboard interaction is operating or navigating a digital interface through keyboard input, focus movement, and key-based commands rather than relying on a pointing device.
Everyday Data Visualization
Interaction with a digital interface using keyboard input without relying on pointer devices or touch.
- How it is used
- Supports navigating and operating desktop web interfaces without pointer devices.
- How deep it goes
- Explains focusability, focus order, keystroke behaviors, and browser event translation, but stops short of implementation details.
- Examples
- Uses dropdown menus, checkboxes, buttons, links, forms, sliders, radio buttons, text boxes, and reading-direction examples.
- What you can do after
- Operate interface controls by moving focus, toggling elements, activating actions, submitting forms, and changing values.
Read how Everyday Data Visualization explains keyboard interaction →
D3.js in Action, Third Edition
A keyboard interaction is an interface interaction performed through keyboard input rather than a pointing device.
- How it is used
- Makes visualization interactions available to users who navigate with Tab and arrow keys instead of a mouse.
- How deep it goes
- Explains SVG focusability, DOM order, focus and blur events, and filtered joins, but stops short of broader keyboard semantics.
- Examples
- Uses a cetacean scatterplot whose circles expose names through mouseenter, focus, mouseleave, and blur.
- What you can do after
- Apply SVG tabindex and paired focus events to make interactive chart marks keyboard-accessible.
Read how D3.js in Action, Third Edition explains keyboard interaction →
WordPress Power Toolkit: Harness AI to build next-level websites
Keyboard navigation is an interaction technique that allows users to move through and operate interface components using keyboard controls.
- How it is used
- Evaluates whether visitors can navigate and operate a website without a mouse.
- How deep it goes
- Defines keyboard access, explains Tab-based navigation and skip links, and stops short of implementation details.
- Examples
- Uses Tab traversal, skip links, theme checks, and axe DevTools accessibility testing as concrete examples.
- What you can do after
- Evaluate keyboard access by testing page traversal, reviewing focus labels, and checking accessibility findings.
Related concepts
- hovercontrasts with · Hover is the interface state or interaction triggered when a pointing device is positioned over an element without activating it.
- dropdownused by · A dropdown is a user-interface control that presents a set of choices for user selection, often revealing them when activated.
- JavaScriptused by · JavaScript is a high-level, dynamically typed, multi-paradigm programming language standardized as ECMAScript and used for web and general-purpose programming.
- toggle buttonused by · A toggle button is an interactive control that switches an associated interface feature between two persistent states.
- accordionused by · An accordion is a user-interface component whose content sections expand or collapse beneath their corresponding headers.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.