[Accessibility][Keyboard - Actions]: 'Action' Button available under the node is not accessible by keyboard.

[ashish315]

User Experience:
Keyboard dependent users will not be able to use the functionality of the control if the any control is not accessible via keyboard.

Test Environment
Browser: Microsoft Edge Canary Version: 82.0.425.0 (Official build)
OS build: 2004 (19564.1005)
Screen Reader: Narrator
URL: Bot Framework Composer
Prerequisite Here

Repro Steps:

1. Open the above mentioned URL in EDGE
2. "Bot Framework Composer" homepage will gets opened.
3. Select "Dialog Actions" from the available Bots under 'Examples' and activate it.
4. Navigate the dialog 'Define conversation objective' then press 'Next'.
5. Navigate to already created dialog tree item and activate it. Such as- Greetings, Actions, EndDialog etc.
6. Now, the tree structure appears in the centre. Navigate to already created node.
7. Activate the 'Actions' button available below the name of the node.
8. Observe the issue.

Actual:
"Action" button is not accessible by keyboard. On using mouse, the control are interactive as action is getting performed but its not accessible with keyboard.

Note:
Same issue observed with other button's which are present in the node similar to action button's such button's are in "Replacedialog" pane.

Expected:
The controls which are accessible with mouse must be accessible with keyboard. So, 'Action' button must be accessible with keyboard.

MAS Impacted: MAS2.1.1

Attachment:
MAS2.1.1_Action is not accesible with keyboard.zip

[alanlong9278]

@ashish315 @cwhitten Keyboard move track logic is that we can move cursor between the whole node, nodeMenu and edgeMenu, so "Action" button is not accessible by keyboard because Action button is a part of step node, we can not move cursor into it with keyboard.

[cwhitten]

Need to update BeginDialog and ReplaceDialog to add the dialogRef into the tab-order.

[ashish315]

@cwhitten As checked, still action button and other button's {that are like action button in the other nodes such as in replacedialog} are not accessible with keyboard.

[cwhitten]

@ashish315 please attach screenshots of what you refer to as "Action button" and "other buttons:

[ashish315]

Screenshots:

[alanlong9278]

I checked it. (Dialog) isn't the part of the Action button link. The link content is just actions, so we can not focus in the whole content actions(Dialog). @ashish315

[ashish315]

Agree with @alanlong9278 So HCL is closing the issue.