After activating Search Button, Keyboard focus is moving to Background while navigating with Tab Key: A11y_ Visual Studio Code Services_Open Source AI code editor screen _Focus Order.

[AnKushSingh05]

GitHub Tags:

#A11yTCS; #A11yMAS; #A11ySev2; #DesktopWeb; #ChromiumEdge; #Win11; #Visual Studio Code Services; #E2E_Visual Studio Code Services_Web_Jan26; #WCAG2.4.3; #Focus Order; #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:

1. Hit the URL: https://code.visualstudio.com
2. Tab navigate to Search edit filed and press enter on it.
3. Now start navigating with tab key and Observe that After activating Search Button, Keyboard focus is moving to Background while navigating with Tab Key.

Actual Result:

When the search button is activated, the search dialog opens, but as the user navigates using the Tab key, the focus moves to elements in the background instead of staying confined to the search dialog. This disrupts the expected behaviour and makes it challenging for users to interact with the search functionality.

Expected Result:

While navigating with the Tab key, focus should move sequentially to the next interactive element within the Search UI, without shifting to background elements or inactive controls.

User Impact:

Keyboard users may encounter challenges if, after activating the Search Button, the keyboard focus shifts to the background when navigating using the Tab key. This issue can make it difficult for users who rely on keyboard navigation to effectively interact with the interface, as they may lose track of their position and have trouble accessing the intended search functionality.

Attachment:

9355_A11y_.Visual.Studio.Code.Services_Open.Source.AI.code.editor.screen._Focus.Order.mp4