Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit fb0af4e

Browse files
authoredFeb 23, 2022
PR review edit
1 parent 9951d76 commit fb0af4e

File tree

1 file changed

+18
-12
lines changed

1 file changed

+18
-12
lines changed
 

‎articles/machine-learning/designer-accessibility.md

Lines changed: 18 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -20,11 +20,13 @@ This workflow has been tested with [Narrator](https://support.microsoft.com/help
2020

2121
## Navigate the pipeline graph
2222

23-
The pipeline graph is organized as a nested list. The outer list is a component list, which describes all the components in the pipeline graph. The inner list is a connection list, which describes input/output ports of a specific component connection details. The following keyboard actions help you to navigate a pipeline graph.
23+
The pipeline graph is organized as a nested list. The outer list is a component list, which describes all the components in the pipeline graph. The inner list is a connection list, which describes input/output ports and details for a specific component connection.
2424

25-
1. Tab: navigate to first node -> each port of the node -> next node
26-
2. Up/down arrow key: to next/previous node by it's position in the graph
27-
3. Ctrl + g when focus on a port: go to the connected port. When there are more than one connection from one port, open a list view to select the target. Use "Esc" to go to the selected target
25+
The following keyboard actions help you navigate a pipeline graph:
26+
27+
- Tab: Move to first node > each port of the node > next node.
28+
- Up/down arrow keys: Move to next or previous node by its position in the graph.
29+
- Ctrl+G when focus is on a port: Go to the connected port. When there's more than one connection from one port, open a list view to select the target. Use the Esc key to go to the selected target.
2830

2931
## Edit the pipeline graph
3032

@@ -33,17 +35,20 @@ The pipeline graph is organized as a nested list. The outer list is a component
3335
1. Use Ctrl+F6 to switch focus from the canvas to the component tree.
3436
1. Find the desired component in the component tree using standard treeview control.
3537

36-
### To connect a component to another component
38+
### Connect a component to another component
39+
40+
1. Use the Tab key to move focus to a port.
41+
42+
The screen reader reads the port information, which includes whether this port is a valid source port to set a connection to other components.
3743

38-
1. User can move focus to a port with tab key as mentioned above
39-
2. Screen reader will read the port information. The information contains whether this port is a valid source port to set connection to other components.
40-
3. If the current port is a valid source port, user can use short cut (accessKey + c) to start connecting. This command will set this port as connection source.
41-
4. Then use "tab" key, user can move focus through every available destination port.
42-
5. Press "enter" will use current port as the destination port and set up the connection.
43-
6. Press "esc" key will cancel the connecting.
44+
1. If the current port is a valid source port, press access key + C to start connecting. This command sets this port as the connection source.
45+
1. Using the Tab key, move focus through every available destination port.
46+
1. To use the current port as the destination port and set up the connection, press Enter.
47+
1. To cancel the connection, press Esc.
4448

4549
### Edit setting of a component
46-
1. Use accessKey + a to open the component setting panel. Then use tab to move focus to the setting pannel, where you can edit the settings.
50+
51+
- Use access key + A to open the component setting panel. Then, use the Tab key to move focus to the setting panel, where you can edit the settings.
4752

4853
## Navigation shortcuts
4954

@@ -70,6 +75,7 @@ Use the following shortcuts with the access key. For more information on access
7075
| Access key + K | Open "Create inference pipeline" dropdown |
7176
| Access key + U | Open "Update inference pipeline" dropdown |
7277
| Access key + M | Open more(...) dropdown |
78+
| Access key + A | Open component settings |
7379

7480
## Next steps
7581

0 commit comments

Comments
 (0)