Text color contrast is less than 4.5:1 when item receives focus in Light 2026 and Dark 2026 themes: A11y_DocumentDB for VS Code Extension_Adding new connection_Contrast

GitHub Tags

#A11yTCS; #E2E_DocumentDB_Win32_JUNE2026; #DocumentDB for VS Code Extension; #DesktopApp; #FTP; #Win32; #A11ySev2; #A11yMAS; #WCAG1.4.3; #Contrast;  #External; #External:VSCode; #FirstParty:Bug325289;

Issue Subcategory

Low contrast text

User Experience

Users with low vision or impaired contrast sensitivity cannot read the text. This is one of the most common accessibility barriers on the web.

Repro Steps

Open VS code > Install the DocumentDB for VS Code Extension and open it > New Connections button > Observe the issue: Text color contrast is less than 4.5:1 when item receives focus in Light 2026 and Dark 2026 themes

Actual Result

When focus is placed on the "Connection String" option, the text color contrast ratio is below the required minimum of 4.5:1. Accessibility Insights reports a contrast ratio of approximately 3.44:1 in Light 2026 theme and 3.20:1 in Dark 2026 theme.

Expected Result

Text displayed within the focused item should maintain a minimum contrast ratio of 4.5:1 against its background in both Light 2026 and Dark 2026 themes to ensure readability for users with low vision.

Similar issue:

• Similar issue repro throughout the application for this type of list.
• In the Dark 2026 theme, when focus appears on an entire table row, the text within the focused row has a color contrast ratio of less than 4.5:1

How to Fix

Darken the text color or lighten/darken the background until the ratio is met. Use WebAIM Contrast Checker to verify. Audit all color themes including dark mode.

Environment details

Application Name: VS Code
Extension: DocumentDB for VS Code
Extension Version: 0.9.1
Edition Windows 11 Enterprise
Version 25H2
OS build 26200.8390

Note

• Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility tester after bug verification.
• "Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier."

Attachment

Similar issue attachment

Start in the DocumentDB for VS Code Extension's New Connections flow and inspect the focused "Connection String" item in the Light 2026 and Dark 2026 themes. Use Accessibility Insights or the WebAIM Contrast Checker to measure the text and background colors. Done means the focused text reaches at least 4.5:1 in both themes, including the comparable focused table-row state.