Keyboard navigation

Blockly provides keyboard navigation through the @blockly/keyboard-navigation plugin. This code uses the focus system and will eventually be integrated into Blockly core.

You can download the plugin from npm or get the code from the blockly-keyboard-experimentation repository on GitHub.

If you want to play with the plugin, visit the accessibility plugin playground.

  • To get started, click the workspace or press tab until you reach the workspace.
  • Use the arrow keys to move around.
  • Press T to open the toolbox.
  • Press Enter or Space to edit or confirm.
  • Press / for a complete list of keyboard commands.

For more information about our accessibility projects, visit our accessibility page.