Most interactions with KeyLines charts are performed using a mouse,but you can also enable full control of the chart using a keyboard. This is important for accessibility and useful for advanced users.

This demo uses a mixture of KeyLines and HTML events to show how you can control KeyLines using the keyboard. Use the shortcuts listed on the right-hand side to navigate and manipulate the chart. For example:

• to change focus to a different visible node, press the TAB key. The node in focus has a large, light purple border.
• to select or deselect the node currently in focus, press ENTER. Selected items have a thin, dark purple border and purple label background.
• to search the chart, press the / key and type a search term. Type 'ta' to filter the search results, and then press Enter to zoom to and add the node you've found to the current selection.

For more information on KeyLines accessibility, see Accessibility.

Key functions used:

• chart.on
• chart.viewOptions
• chart.viewCoordinates