Keyboard users cannot access "Connect to..." and "Shell" controls in Query Playground editor:A11y_DocumentDB for VS Code Extension_New Query Playground_Keyboard

Open
#773 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

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

Research direction

No file or test is named. Start by searching the extension source for the "Connect to..." and "Shell" controls in the Query Playground editor, then inspect how focus and activation are handled. Done means both controls receive visible keyboard focus and support standard keyboard operation without a mouse.

Written by the indexing model from the issue text.

Description

a11y

GitHub Tags

#A11yTCS; #E2E_DocumentDB_Win32_JUNE2026; #DocumentDB for VS Code Extension; #DesktopApp; #FTP; #Win32; #A11ySev2; #A11yMAS; #WCAG2.1.1; #Keyboard; 

Issue Subcategory

Element not reachable via keyboard

User Experience

Keyboard-only users (including screen reader users and those with motor disabilities) cannot access or interact with the control at all. This creates a complete barrier to that functionality.

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 > Open context menu for restaurants collection tree item > New Query Playground menu item > "Connect to....." or Shell button > Observe the issue: Keyboard users cannot access "Connect to..." and "Shell" controls in Query Playground editor.

Actual Result

Keyboard focus does not move to the "Connect to..." and "Shell" controls. These controls can be activated using a mouse, but keyboard users cannot navigate to or interact with them.

Expected Result

The "Connect to..." and "Shell" controls should be reachable and operable using the keyboard. Users should be able to access all functionality provided by these controls without requiring a mouse. The controls should receive visible keyboard focus and support standard keyboard interaction.

How to Fix

Use natively focusable elements (button, a href, input). For custom controls, add tabindex="0" and implement keyboard event handlers for activation.

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

https://github.com/user-attachments/assets/2ea3f84c-c508-4fb9-894c-681e4e76815e

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

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.

More from microsoft/vscode-documentdb

All issues in microsoft/vscode-documentdb

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.