[Visual requirement - Make code - Share project]: Luminosity ratio of the keyboard focus indicator on the 'X' (Close) button does not meet minimum contrast ratio 3:1.

User Experience

Low vision people will not be able to find the focused control if luminosity ratio doesn't meet the minimum requirement of 3:1. Due to which the users will not be able to close the project dialog.

Note:

User credentials should NOT be included in the bug.

Repro Steps:

Launch application URL: https://makecode.microbit.org
Home page will open.
Navigate "New Project" option and select it.
Editor screen will open.
Navigate to "Share" option appearing in header section and select it.
Navigate through all the controls of "Share Project" dialog.

Actual Result:

Luminosity ratio of the keyboard focus indicator on the 'X' (Close) button does not meet minimum contrast ratio 3:1.

Observation: The actual luminosity ratio of the focus indicator on 'X' button is 2.9:1.

Expected result:

Luminosity ratio of the keyboard focus indicator on the 'X' (Close) button should be greater than or eqaul to minimum contrast ratio 3:1.

MAS Reference:

MAS 1.4.11 – Non-text Contrast

ARIA Authoring Ref Link/Fluent Patterns Guidance /HITS Guidance:

DOM details available:

Reference Links:

Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.
External Bug Process: If this bug belongs to external team, mark it as resolved/done and assign it back to the tester with notes on where to file/route the bug. For more information, please use this Link. “HCL Staff should not log any third-party external bugs. Should be routed to EDAD team”.
Please reach out to C&AI Teams channel for any process related queries.

Test Environment:

OS Version: Windows 11 23H2 (OS Build:22631.3007)
Browser: Chrome Version 121.0.2277.4 (Official build) dev (64-bit).
Test Matrix: Chrome + JAWS
Tool: Color Contrast Analyser
URL: https://makecode.microbit.org.

microsoft / pxt-microbit