Skip to content

The placeholder text in the "create GitHub repository" dialog has a color contrast ratio of 3.64:1, which is below the required minimum of 4.5:1.: A11y_Microsoft MakeCode_Import_Create GitHub repository_Contrast (Minimum) #6844

@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; #Win11; #DesktopWeb; #Microsoft MakeCode; #E2E_MicrosoftMakeCode_Web_May2026; #FTP; #ChromiumEdge; #Contrast (minimum); #A11ySev2; #WCAG1.4.3; #ES Chat_Deeplink; #copilot:agent=a11yagent;

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 "Import" button and press enter key.
  4. Tab through the controls appearing under "Import" dialog.
  5. Tab to "Your GitHub Repo" option and press enter key.
  6. Tab to "Sign In" control under Sign in with GitHub and enter valid credentials.
  7. Tab to "Create New" control under "Clone or create your own GitHub repo" and Press enter. "Create GitHub Repository dialog will open.
  8. Tab to "Repository name" and Repository Description" edit field.
  9. Observe the issue.

Note: Similar issue is also observed on below Screens

  1. "Import URL" dialog
  2. Editor Screen "search" field.

Actual:

The placeholder text in input fields within the "Create GitHub Repository" dialog has a contrast ratio of 3.64:1, which is below the required minimum of 4.5:1 for normal text.

Expected result:

The color contrast ratio of the placeholder text against its background in the input fields for the "Create GitHub Repository" should be at least 4.5:1 and must be easily visible to users.

User impact:

Users with low vision or contrast sensitivity may find it difficult to read placeholder text, leading to confusion about required input and impacting form usability.

Attachment:

Image Image 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