GitHub Tags
#A11yTCS; #E2E_DocumentDB_Win32_JUNE2026; #DocumentDB for VS Code Extension; #DesktopApp; #FTP; #Win32; #A11ySev2; #A11yMAS; #WCAG1.4.3; #Contrast;
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
GitHub Tags
#A11yTCS; #E2E_DocumentDB_Win32_JUNE2026; #DocumentDB for VS Code Extension; #DesktopApp; #FTP; #Win32; #A11ySev2; #A11yMAS; #WCAG1.4.3; #Contrast;
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
Attachment