Information icon indicating tooltip availability has insufficient color contrast in Light 2026 and Dark 2026 themes:A11y_DocumentDB for VS Code Extension_Query Insights_NonText-Contrast

GitHub Tags

#A11yTCS; #E2E_DocumentDB_Win32_JUNE2026; #DocumentDB for VS Code Extension; #DesktopApp; #FTP; #Win32; #A11ySev2; #A11yMAS; #WCAG1.4.11; #NonText-Contrast; 

Issue Subcategory

Icon insufficient contrast

User Experience

Users with low vision cannot distinguish meaningful icons from the background. Critical status indicators (warnings, errors) become invisible.

Repro Steps

Open VS code > Install the DocumentDB for VS Code Extension and open it > Add new Connections > Expand one of the databases > Expand a collection within that database > Double-click the Documents item > Run query { Reviews : 10 } > Query Insights tab > Observe the issue: Information icon indicating tooltip availability has insufficient color contrast in Light 2026 and Dark 2026 themes

Actual Result

The information (ⓘ) icon used to indicate the presence of a tooltip does not meet the minimum required 3:1 contrast ratio against adjacent colors in Light 2026 and Dark 2026 themes. Due to the insufficient contrast, the icon is difficult to perceive, especially for users with low vision or reduced contrast sensitivity. The icon serves as a meaningful visual indicator that additional information is available through a tooltip.

Expected Result

The information icon should maintain a minimum 3:1 contrast ratio against adjacent colors in both Light 2026 and Dark 2026 themes. Meaningful icons that convey information, such as the availability of a tooltip, should be clearly visible and distinguishable for all users.

Similar issue

Similar issue repro with { } icon in table.

How to Fix

Increase the icon’s color contrast to at least 3:1. Alternatively, add a visible text label alongside the icon so the information is not conveyed by the graphic 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

Similar issue attachment

Reproduce the issue in the DocumentDB for VS Code extension by following the path to the Query Insights tab, then locate the information icon's UI entry point and inspect its colors in the Light 2026 and Dark 2026 themes. Use Accessibility Insights or another contrast checker to verify the icon reaches 3:1 in both themes; completion means the icon is distinguishable in each theme.