Skip to content

Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (#basic\.label): A11y_Microsoft MakeCode_New projet_Editor_AI4W #6832

@kupatkar99

Description

@kupatkar99

"Leveraging SWE Agent can help accelerate this accessibility bug fix; review and validate all AI generated changes before merge."

"Try ES Chat to learn more about the MAS rule and how to fix the issue. If you need more help, use our Teams channel or office hours."

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

"Contact CAI Accessibility Support Channel for Accessibility queries on design, development, test, usability or any processes"

Please do not close this bug. This bug should only be closed by Trusted Tester after verification.

GitHub Tags:

#A11yTCS; #A11yMAS; #A11yAuto; #Win11; #DesktopWeb; #Microsoft MakeCode; #E2E_MicrosoftMakeCode_Web_May2026; #FTP; #ChromiumEdge; #Contrast (minimum); #A11ySev2; #WCAG1.4.3; #AI4W; #ES Chat; #copilot:agent=a11yagent; #color-contrast;

Environment Details:

Application Name: Microsoft MakeCode
URL: https://makecode.microbit.org/beta
windows Edition: Windows 11 Enterprise Insider Preview(24H2)
OS Build: 26544.1000

Repro Steps:

  1. Launch application URL : https://makecode.microbit.org
  2. Home page will open.
  3. Tab to "New Project" option and select it. Editor screen will open.
  4. Tab to "Basic, Input, Music, Led, more, Radio" controls.
  5. Run accessibility insights for web.
  6. Observe the issue.

Issue:

Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (color-contrast - https://accessibilityinsights.io/info-examples/web/color-contrast)

Target application:

Microsoft MakeCode for micro:bit - https://makecode.microbit.org/beta#editor

Element path:

#basic.label

Snippet:

Basic

Related paths:
#blockly-0

How to fix:

Fix any of the following:
Element has insufficient color contrast of 3.23 (foreground color: #1e90ff, background color: #ffffff, font size: 13.8pt (18.4px), font weight: normal). Expected contrast ratio of 4.5:1

Environment: Microsoft Edge version 148.0.0.0

====

This accessibility issue was found using Accessibility Insights for Web 2.46.0 (axe-core 4.10.2), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

Attachment:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions