Keyboard Focus Moves to Non-Interactive Elements Like Chat Icon, Copy, Search, Version Controls, Debug: A11y_ Visual Studio Code Services_Open Source AI code editor screen _Keyboard. #9305
Description
GitHub Tags:
#A11yTCS; #A11yMAS; #A11ySev2; #AI Limited; #DesktopWeb; #ChromiumEdge; #Win11; #Visual Studio Code Services; #E2E_Visual Studio Code Services_Web_Jan26; #WCAG2.1.1; #Keyboard; #ES Chat;
"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility tester after bug verification."
Try ES Chat to learn more about the MAS rule and how to fix the issue. If you need more help, use our Teams channel or office hours.
Environment Details:
Application Name: Visual Studio Code Services
URL: https://code.visualstudio.com
Chromium Edge: Version 144.0.3719.104 (Official build) dev (64-bit)
Edition: Windows 11 Enterprise Insider Preview
Version: 24H2
OS build: 26558.1000
Repro steps:
- Hit the URL: https://code.visualstudio.com
- Tab navigate to MailList.tsx Tab image.
- Observe that Keyboard Focus Moves to Non-Interactive Elements Like Chat Icon, Copy, Search, Version Controls, Debug.
Actual Result:
Keyboard focus moves to non-interactive elements such as the Chat Icon, Copy, Search, Version Controls, and Debug. These elements do not provide any actionable functionality, leading to confusion for keyboard-only users.
Expected Result:
Focus should only move to interactive elements (e.g., buttons, links, input fields). Non-interactive elements should not receive focus unless they are made programmatically interactive and provide meaningful functionality.
User Impact:
Keyboard users may experience challenges when keyboard focus shifts to non-interactive elements such as the chat icon, copy button, search, version controls, or debug options. This can make navigation less efficient and potentially hinder accessibility for those relying on keyboard navigation. Ensuring that keyboard focus only moves to interactive elements will help improve usability and provide a better experience for all users.