Keyboard Navigation is our first step towards an accessible Blockly.
- You can enter accessibility mode by shift clicking anywhere on the
- workspace or on a block.
Some basic commands for moving around are below.
- More complete documentation is still in progress.
- Workspace Navigation
- W: Previous block/field/input at the same level
- A: Up one level (Field (or input) -> Block -> Input (or field) -> Block ->
- Stack -> Workspace)
- S: Next block/field/input at the same level
- D: Down one level (Workspace -> Stack -> Block -> Input (or field) -> Block
- -> Field (or input))
- T: Will open the toolbox. Once in there you can moving around using the WASD keys. And insert a block by hitting Enter
- X: While on a connection hit X to disconnect the block after the cursor
-
+ 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.
-
-
-
- Cursor
+ Cursors
The cursor controls how the user navigates the blocks, inputs, fields and connections on a workspace.
- This demo shows two different cursors:
- Default Cursor: Allow the user to go to the previous, next, in or out location.
- Basic Cursor: Using the pre order traversal allows the user to go to the next and previous location.
+ 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.