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
Nobody has claimed this yet.
- 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
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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