Accessibility in Graph Visualization

Graph Visualization supports keyboard navigation for moving through graph elements, panning and zooming the graph, opening tooltips, and working with legend items.

Use the following keyboard shortcuts to navigate and interact with a graph.

Table: Graph Navigation

Action Keyboard Shortcut
Move focus to the next focusable UI element. Tab
Move focus to the previous focusable UI element. When focus is on the graph, Graph Visualization returns focus to the parent container. Shift + Tab
Move focus or hover to the nearest graph entity in the selected direction. Navigation occurs within the current traversal mode, either vertices or edges. LeftArrow, RightArrow, UpArrow, DownArrow
Switch the traversal mode between vertices and edges, and then move focus in the selected arrow direction. Alt + Arrow Keys
Select or deselect the focused vertex or edge. Enter

Table: Graph View Actions

Action Keyboard Shortcut
Pan the graph in the selected arrow direction. Ctrl + Alt + Arrow Keys
Pan the graph up. PageUp
Pan the graph down. PageDown
Zoom in. = or +
Zoom out. -

Table: Tooltip Actions

Action Keyboard Shortcut
Open the tooltip for the focused vertex or edge and move focus into the tooltip. Alt + Space
Move focus within the open tooltip. Tab inside a tooltip
Close the tooltip and return focus to the graph. This also closes the hop-count slider owned by the tooltip. Escape inside a tooltip

Table: Legend Actions

Action Keyboard Shortcut
Select or filter the corresponding legend entry. Enter or Space on a legend label
Toggle styling for the corresponding legend entry. Enter or Space on a legend style preview
Reorder the focused legend item or rule-based style item up or down. UpArrow or DownArrow on a focused legend reorder item
Open the actions menu for the legend item. Press Escape to close the menu. Enter or Space on the actions button (…)
Move the legend item or rule-based style item up or down by one position without using mouse drag-and-drop. Focus returns to the moved item. Move up or Move down in the actions menu
Close the preview tooltip and return focus. Escape on a legend preview tooltip