"How do you want to connect" placeholder text color contrast ratio is 2.849:1, which is less than the required 4.5:1 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; #A11ySev3; #A11yMAS; #WCAG1.4.3; #Contrast;  #External:VSCode; #External; #FirstParty:Bug321135;

Issue Subcategory

Placeholder text insufficient contrast

User Experience

Users with low vision cannot read placeholder text that provides input hints or instructions. They may not understand what data to enter in the field.

Repro Steps

Open VS code > Install the DocumentDB for VS Code Extension and open it > New Connections button > How do you want to connect > Observe the issue: "How do you want to connect" placeholder text color contrast ratio is 2.849:1, which is less than the required 4.5:1 in Light 2026 and Dark 2026 themes.

Actual Result

In both Light 2026 and Dark 2026 themes, the placeholder text "How do you want to connect" is displayed with a color contrast ratio of 2.849:1 against its background, which is below the minimum required contrast ratio of 4.5:1 for regular text.

Expected Result

In both Light 2026 and Dark 2026 themes, the placeholder text should maintain a minimum color contrast ratio of 4.5:1 against its background so that it remains clearly visible and readable for all users.

Similar issue:

Similar issue repro throughout the application for Placeholder text

How to Fix

Increase the contrast of placeholder text via ::placeholder CSS. Better yet, use persistent visible labels above or beside the input rather than relying on placeholders alone.

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

Start at the DocumentDB extension's New Connections flow and inspect the styles for the "How do you want to connect" placeholder, including the ::placeholder rule mentioned in the issue. Run the extension in the Light 2026 and Dark 2026 themes and verify that the placeholder contrast reaches at least 4.5:1 in both themes; also check whether the existing visible-label concern is addressed or remains separate.