[Keyboard Navigation – Make Code - Delete] Keyboard focus indicator is not visible on 'Remove it & Cancel' button controls present on 'Remove' pop-up window.

[Shalini3457]

User Experience: If the desired component, on which keyboard operations will interact at any point in time is not visually determined, people with attention limitations, short term memory limitations, or limitations in executive processes will find it difficult to discover where the focus is located.

Note: User credentials should NOT be included in the bug.

Repro Steps:

1. Launch application URL.
2. Home page will open.
3. Navigate "New Project" option and select it.
4. Editor screen will open.
5. Navigate to "Java Script" drop down and select it.
6. Navigate to "Python" option and select it.
7. Navigate to "Explorer" and select it.
8. Navigate through all the controls after expanding Explorer control and select any "Delete" icon control.
9. Navigate through all the controls under remove dialogue.
10. Verify that keyboard focus indicator is visible on 'Remove it & Cancel' buttons or not.

Actual Result: Keyboard focus indicator is not visible on 'Remove it & Cancel' button controls present on 'Remove' pop-up window and due to this, visual impaired user is unable to see the keyboard focus on that control and also he/she is unable to perform functionality over such control.

Expected Result: Keyboard focus indicator should be visible on 'Remove it & Cancel' button controls present on 'Remove' pop-up window, so that visual impaired user could easily see the keyboard focus on that control to perform functionality over such control.

Note: Same issue appear under Chrome & Firefox.

WCAG Reference: WCAG 2.4.7 - Focus Visible

Test Environments: Version: 20H2 (OS Build: 19042.508) Browser: Edge chromium DEV Build (Version 87.0.654.0), Firefox(75.0), Chrome

[Shalini3457]

Labels:

A11yMAS;#Accessibility;#A11ySev2;#HCL;#HCL-MakeCode-New;#WCAG2.4.7;#Win10-Edge(Chromium)

WCAG2.4.7_Delete_Focus visible.zip

[jwunderl]

focus is indicated