pxt-microbit icon indicating copy to clipboard operation
pxt-microbit copied to clipboard

[Visual requirement - Make code Arcade- Projects-Language]: Luminosity ratio of the focus indicator at 'Translate the editor' doesn't meet the minimum contrast ratio 3:1.

Open BURRAshiva01 opened this issue 10 months ago • 4 comments

User Experience:

Keyboard dependent and low vision people will get impacted as they won't be able to perceive the focus indicator clearly if luminosity ratio of the focus indicator does not meet minimum contrast ratio. The end user cannot select/unselect the utilization checkbox and cannot navigate the page efficiently.

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

Repro Steps:

  1. Launch application URL: https://makecode.microbit.org/#
  2. Navigate to 'Settings' icon and navigate to 'Language' and select it.
  3. Navigate to 'Translate the editor'.
  4. Verify the luminosity ratio of the focus indicator at 'Translate the editor'.

Actual Result:

Issue: Luminosity ratio of the focus indicator at 'Translate the editor' doesn't meet the minimum contrast ratio 3:1.

Observation: Actual luminosity ratio of the checkboxes is 1.6:1

Expected Result:

Luminosity ratio of 'Translate the editor' should meet minimum contrast ratio 3:1.

MAS Reference:

MAS 1.4.11 – Non-text Contrast

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

NA

UIA/DOM details available:

NA

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 an 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 External Bug Process (sharepoint.com). “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 24H2 (OS Build:26100.3037) Browser: Chrome Version 132.0.6834.196 (Official Build) (64-bit) Test Matrix: Chrome + NVDA URL: https://arcade.makecode.com/projects

Attachment:

Image

BURRAshiva01 avatar Mar 17 '25 05:03 BURRAshiva01

This has been fixed with the new theme changes. No further work needed other than a beta bump/release.

srietkerk avatar Apr 15 '25 00:04 srietkerk

As checked issue on https://makecode.microbit.org/#.The issue is still repro. Please find attachment for the reference

Image

Yamini234u avatar May 16 '25 16:05 Yamini234u

This is fixed on beta which will be live in our next release. Please go to https://makecode.microbit.org/beta#editor to see the fix.

srietkerk avatar May 28 '25 21:05 srietkerk

As checked issue on https://makecode.microbit.org/beta#editor The issue is still repro Image.

Yamini234u avatar Jun 24 '25 11:06 Yamini234u

As checked issue on https://makecode.microbit.org/beta#editor Issue has been fixed. Hence, closing the bug

Image.

Yamini234u avatar Jul 24 '25 04:07 Yamini234u