Focusable element
A focusable element is an interface element that can receive keyboard or programmatic input focus.
Everyday Data Visualization
A focusable element is an interface element that can receive keyboard or programmatic input focus.
- How it is used
- Supports keyboard-only interaction on desktop and desktop-like interfaces without assuming pointer access.
- How deep it goes
- Explains focus movement and key behavior with examples, but stops short of implementation details for making arbitrary elements focusable.
- Examples
- Uses links, dropdown menus, buttons, checkboxes, sliders, radio buttons, and forms as interaction examples.
- What you can do after
- Apply keyboard navigation patterns and identify whether interface controls support focus-based interaction.
Read how Everyday Data Visualization explains focusable element →
D3.js in Action, Third Edition
A focusable SVG element is an SVG element that can receive keyboard focus in a document.
- How it is used
- Makes SVG chart interactions available to keyboard users through Tab navigation and equivalent tooltip behavior.
- How deep it goes
- Explains tabindex values, DOM focus order, focus and blur events, and reapplication after data joins.
- Examples
- Uses sorted cetacean scatterplot circles, filtered chart updates, and tooltips revealed by mouseenter or focus.
- What you can do after
- Apply it via SVG attributes and event listeners to make scatterplot tooltips keyboard-accessible.
Read how D3.js in Action, Third Edition explains focusable element →
Related concepts
- tabindexconfigured by · The tabindex HTML global attribute controls an element’s keyboard focusability and position in sequential focus navigation.
- alt-textuses · Alt text is a text alternative associated with non-text content that conveys its meaningful content or purpose to people who cannot perceive it visually or access it directly.
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.