Color Contrast Fails for MongoDB Text (Grey on White Background) with 2.303:1 which is less than 4.5:1: A11y_ Visual Studio Code Services_Open Source AI code editor screen _Contrast Minimum.

[AnKushSingh05]

GitHub Tags:

#A11yTCS; #A11yMAS; #A11ySev2; #AI Limited; #DesktopWeb; #ChromiumEdge; #Win11; #Visual Studio Code Services; #E2E_Visual Studio Code Services_Web_Jan26; #WCAG1.4.3; #Contrast Minimum; #ES Chat;
"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility tester after bug verification."
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.

Environment Details:

Application Name: Visual Studio Code Services
URL: https://code.visualstudio.com
Chromium Edge: Version 144.0.3719.104 (Official build) dev (64-bit)
Edition: Windows 11 Enterprise Insider Preview
Version: 24H2
OS build: 26558.1000

Repro steps:

1. Hit the URL: https://code.visualstudio.com
2. Tab navigate to Code with Extensions section.
3. Observe that Color Contrast Fails for MongoDB Text (Grey on White Background) with 2.303:1 which is less than 4.5:1.

Actual Result:

The MongoDB text, displayed in grey color on a white background, has a contrast ratio below 4.5:1. This makes the text difficult to perceive for users with low vision or those in environments with poor lighting.
NOTE: Issue is Repro for GitHub Copilot for Azure, Remote development, Jupyter, Gitlens, C#Dev Kit.

Expected Result:

The text color should have a contrast ratio of at least 4.5:1 against the white background for normal-sized text and 3:1 for large text. This ensures readability for users with low vision or contrast sensitivity.

User Impact:

Users with low vision may encounter challenges if the color contrast for MongoDB text is insufficient. Specifically, the grey text on a white background currently has a contrast ratio of 2.303:1, which does not meet the recommended minimum of 4.5:1. This low contrast can make it difficult for individuals with visual impairments to read the content clearly. Improving the color contrast will help ensure better accessibility and a more inclusive user experience for everyone.

Attachment:

Similar issue