microsoft / microsoft/vscode-documentdb

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

Open
#775 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

a11y
Dominant language
TypeScript
Stars
31
Forks
22
Avg merge
2d 20h
Merged PRs (30d)
21

Description

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue from the DocumentDB extension's table view by navigating to Documents and moving through table cells with the keyboard in both Light 2026 and Dark 2026 themes. Locate the table-cell focus styling and verify that the indicator reaches at least a 3:1 contrast ratio against adjacent colors in both themes.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript, vscode
Domain
accessibility, desktop
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.