Skip to content

Keyboard focus indicator color contrast is less than 3:1:A11y_VisualStudioCode_Non text Contrast #307581

@kapilvaishna

Description

@kapilvaishna

"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier." 

"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility or the Divisional Driver".

GitHub Tags: 

#A11yTCS;#Visual Studio Code Client; #E2E_VisualStudioCodeClient_Win32_Dec2025;#DesktopApp;#FTP;#Win32;#A11ySev2;#A11yMAS;#WCAG1.4.11; #NonText-Contrast;

Environmental Details: 

App Name: Visual Studio Code Client 
Microsoft Windows 11 Enterprise 
OS Build:  26200.7392

Repro Steps: 

  1. Open Visual Studio Code Insiders editor
  2. Install the Microsoft Sentinel extension
  3. TAB till Microsoft Sentinel in left navigation and press ENTER key.
  4. TAB till Sign in to view lake tables and press ENTER key.
  5. Visual studio code popup will open TAB to 'Allow' button and press ENTER key.
  6. TAB to popup list item
  7. Observe the issue focus indicator color contrast is less than 3:1.

Actual Results: 

When navigating through list items using the keyboard, the visual focus indicator displayed on the list item has a color contrast ratio of 1.277:1 against the adjacent background, which is less than 3:1.

Expected Results: 

Keyboard focus indicator color contrast should be equal or greater than 3:1.

User Impact: 

Keyboard-only users may lose track of focus while navigating list items.
Low-vision users may not be able to detect the focused item due to insufficient contrast.
This creates a significant usability barrier and increases the risk of unintended actions.

Attachment:

Image

Metadata

Metadata

Labels

accessibility-slaAccessibility issue which have to be fixed or lowered severity based on processbugIssue identified by VS Code Team member as probable bug

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions