You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
title: Use accesibility features in the designer (preview)
3
3
titleSuffix: Azure Machine Learning
4
-
description: Learn about the screen reader accessibility features available in the designer.
4
+
description: Learn about the keyboard shortcuts and screen reader accessibility features available in the designer.
5
5
services: machine-learning
6
6
ms.service: machine-learning
7
7
ms.subservice: core
@@ -12,57 +12,53 @@ ms.date: 01/09/2020
12
12
13
13
---
14
14
15
-
# Use a screen reader to explore and navigate designer
15
+
# Use a keyboard to use Azure Machine Learning designer (preview)
16
16
17
-
This article is for people with visual impairments who use a screen reader. Use designer with your keyboard and a screen reader to read and edit designer pipelines. We have tested it with Narrator and JAWS, but it might work with other screen readers as long as they follow common accessibility standards and techniques.
17
+
Use your keyboard and a screen reader to use Azure Machine Learning designer. This workflow has been tested with [Narrator](https://support.microsoft.com/help/22798/windows-10-complete-guide-to-narrator) and [JAWS](https://www.freedomscientific.com/products/software/jaws/), but it should work with other standard screen readers.
18
18
19
-
## Drag and drop graph
19
+
## Navigate the pipeline graph
20
20
21
-
Designer provides a drag-n-drop experience to train and deploy machine learning models. It lets you visually connect datasets and modules on an interactive canvas.
21
+
The pipeline graph is organized as a list of lists. The top-level module list contains all of the module in the pipeline. Each item in the module list contains a connection list that describes all of its connections.
22
22
23
-
### Navigate the graph
24
-
The pipeline graph is described as two level list. The fist level list describes all the nodes of a graph. The second level list describes the connection to other nodes of a specific node. Screen reader user can navigate the graph by:
23
+
1. In the module list, use the arrow key to switch modules.
24
+
1. Use tab to open the connection list for the target module.
25
+
1. Use arrow key to switch between the connection ports for the module.
26
+
1. Use the “g” key to go to the module targetted by the connection.
25
27
26
-
1. Use arrow key to switch nodes in the first level node list.
27
-
2. After select a specific node, use tab to select connection ports of the node.
28
-
3. Use arrow key to switch between ports of a node
29
-
4. When s port is selected, use “g” key to go to the target node. Then start from 1 to navigate the graph.
28
+
## Edit the pipeline graph
30
29
30
+
### Add a module to the graph
31
31
32
-
### Edit the graph
32
+
1. Use Ctrl+F6 to switch focus from the canvas to the module tree.
33
+
1. Find the desired module in the module tree using standard treeview control.
33
34
34
-
If screen reader user want to add a new node to the graph, ha can use Ctrl+F6 to switch focus from canvas to module tree and find a wanted node in the module tree. Module tree is a standard treeview control.
35
35
36
-
If screens reader user want to connect a node to another one, he can use Ctrl + Shift + H when select a node to open the connection helper. The connection helper will list all the available nodes and connection ports.
36
+
### Edit an existing module
37
37
38
+
To connect a module to another module, use Ctrl + Shift + H when targetting a module in the module list to open the connection helper. The connection helper list all the available connection ports for you to edit.
38
39
39
-
## Short cuts
40
+
## Navigation keystrokes
40
41
41
-
Following short cuts are used for easier keyboard access to designer.
42
+
| Keystroke | Description |
43
+
|-|-|
44
+
| Ctrl + F6 | Switch focus between canvas and module tree |
45
+
| Ctrl + F1 | Open information card when focusing on a node in module tree (same as mouse-over hover) |
46
+
| Ctrl + Shift + H | Open connection helper to connect nodes when focus is on a node |
47
+
| Ctrl + Shift + E | Open module panel to set module properties when focus is on a node |
48
+
| Ctrl + G | Move focus to first failed node if pipeline run failed |
42
49
43
-
**Short cuts for navigation & edit** garph
50
+
## Action keystrokes
44
51
45
-
| short cut | Description |
46
-
| ----------- | ----------- |
47
-
| Ctrl + F6 | Switch focus between canvas and module tree|
48
-
| Ctrl + F1 | Open information card when focus on a node in module tree (same as hover by mouse)|
49
-
|Ctrl + Shift + H|Open connection helper to connect nodes when focus is on a node|
50
-
|Ctrl + Shift + E|Open module panel to set module properties when focus is on a node|
51
-
|Ctrl + G|Move focus to first failed node if pipeline run failed|
52
+
Use the following keystrokes with the access key. For more information on access keys, see https://en.wikipedia.org/wiki/Access_key.
52
53
53
-
54
-
**Short cuts for frequent actions**
55
-
56
-
Below short cuts are implemented through access key, check https://en.wikipedia.org/wiki/Access_key to learn more about access keys.
57
-
58
-
| Access key | Action |
59
-
| ----------- | ----------- |
60
-
| Run | R |
61
-
| Publish | P |
62
-
|Clone|C|
63
-
|Deploy|D|
64
-
|Create/update inference pipeline|I|
65
-
|Create/update batch inference pipeline|B|
66
-
|Open "Create inference pipeline" dropdown |K|
67
-
|Open "Update inference pipeline" dropdown| U|
68
-
|Open more(...) dropdown|M|
54
+
| Keystroke | Action |
55
+
|-|-|
56
+
| Access key + R | Run |
57
+
| Access key + P | Publish |
58
+
| Access key + C | Clone |
59
+
| Access key + D | Deploy |
60
+
| Access key + I | Create/update inference pipeline |
0 commit comments