Skip to content

Keyboard focus indicator color contrast is less than 3:1 on table cells in Light 2026 and Dark 2026 themes:A11y_DocumentDB for VS Code Extension_Table_NonText-Contrast #775

Description

@kapilvaishna

GitHub Tags

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

Issue Subcategory

Focus indicator low contrast

User Experience

Keyboard users with low vision cannot see where focus is located, making keyboard navigation essentially unusable. They cannot determine which element will receive their next action.

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 > Table > Observe the issue: Keyboard focus indicator color contrast is less than 3:1 on table cells in Light 2026 and Dark 2026 themes

Actual Result

When navigating through table cells using the keyboard in Light 2026 and Dark 2026 themes, the keyboard focus indicator has a contrast ratio of approximately:

Light 2026: 1.948:1
Dark 2026: 1.857:1

These values are less than the required 3:1 contrast ratio, making the focus indicator difficult to perceive.

Expected Result

The keyboard focus indicator displayed on table cells should have a contrast ratio of at least 3:1 against adjacent colors in Light/Dark 2026 themes and should be clearly distinguishable when navigating via keyboard.

How to Fix

Adjust the focus indicator color to achieve 3:1 contrast. Consider using a thick (2px+) outline with a contrasting color, or combine outline with box-shadow for visibility on varied backgrounds.

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

Image Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    a11yAccessibility Issues

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    Status
    No status

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions