Keyboard Navigation is our first step towards an accessible Blockly.
For more information on how the default keyboard navigation works please see
the documentation.
Pre Order Traversal
Feel free to just play around in accessibility mode or hit the button below to see the demo.
The demo uses preorder tree traversal
as an alternative way to navigate the blocks,
connections, and fields on the workspace.
Cursors
The cursor controls how the user navigates the blocks, inputs, fields and connections on a workspace.
This demo shows three different cursors:
Default Cursor: Explained in documentation.
Basic Cursor: Uses pre order traversal to allow users to navigate
through everything using only the previous and next command.
Line Cursor: We tried to make this cursor mimic a text editor. Navigating
up and down will take the cursor to the next and previous "line" of code.
Navigating in and out will move the cursor through all the fields and inputs
in that "line" of code.