[Supporting the Platform - Make Code - Extensions] Focus indicator is not visible on controls in high contrast theme under 'Extensions' screen.

[sonimishra]

User Experience:
User will find difficulty to see any control if keyboard focus is not visible on any interactive control in high contrast theme as they won't be able to take an action on such control and also they will surely miss the functionality and will proceed further.

Test Environment:
Version 1903 (OS Build 18867.1000)
Platform: Edge, Chrome

Pre-Requisite:
Turn on Windows High contrast theme (Settings->Ease of access->High Contrast->Turn on High Contrast->Select High Contrast White and Black

Repro Steps:

1. Launch application URL : https://makecode.microbit.org/beta
2. Home page will open.
3. Navigate "New Project" option and select it.
4. Editor screen will open.
5. Navigate to "Settings" option appearing in header section and select it.
6. Navigate to "Extensions" option and select it.
7. Navigate through all the controls except 'learn more' link appearing under "Extensions" page
8. Verify focus visibility on controls like (Bluetooth services, Devices, Radio-broadcast, Servo etc.) after applying high contrast theme(Black/White).

Actual Result:
Keyboard focus is not visible on controls like (Bluetooth services, Devices, Radio-broadcast, Servo etc.) link after applying high contrast theme(Black/White) under 'Extensions' screen 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 should be visible on controls like (Bluetooth services, Devices, Radio-broadcast, Servo etc.) link after applying high contrast theme(Black/White) under 'Extensions' screen,so that visual impaired user could easily see the keyboard focus on that control to perform functionality over such control.

Note:
This issue also exists with Chrome.

MAS Reference:
MAS 4.3.1 - No Disruption of Accessibility Features

Labels
#A11yMAS, #HCL, #HCL-MakeCode-E2E, #MAS4.3.1, #Win10-Edge, #accessibility, #Closed

Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.

[sonimishra]

MAS4.3.1_extensions_HC.zip

[abchatra]

Please re-test using beta site https://makecode.microbit.org/beta . If it reproduces let me know. I will reopen the bug.

[sonimishra]

Issue still exists in https://makecode.microbit.org/beta so reactivating the issue.

[jwunderl]

I followed the provided steps, and here's what I see (tested on mac, pc):

@sonimishra Is this issue that the highlighting box in blue around the icon, and changing text color is unclear / not visible enough? The issue says not visible so I was expecting no highlighting

[sonimishra]

Issue has been verified and now the focus indicator is visible on the controls.
Hence closing the bug.