When the keyboard focus is on the "OK" button and the TAB key is pressed, the focus moves to the subscription list, but focus is not visible: A11y_Azure Machine Learning Extension for VS Code_Appling filter on subscription_keyboard

[kapilvaishna]

Please do not close this bug. This bug should only be closed by Trusted Tester after verification.
"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier."

GitHub Tags

#A11yMAS; #A11yTCS; #Win32; #DesktopApp; #A11ySev2; #BM_Azure Machine Learning Extension for VS Code_Win32_Jan2024; #Azure Machine Learning Extension for VS Code; #WCAG2.4.7; #FTP; #Focus Visible; #Keyboard;

Environment Details:

Application: Azure Machine Learning Extension for VS Code
Version: 1.2.0
Visual studio code version: 1.96.3
OS: Windows 11 Enterprise 24H2
Build: 26100.2605

Repro Steps

1. Launch the VS Code.
2. Install the Azure Machine Learning extension and sign in with appropriate Credentials.
3. Tab until the left toolbar (list of icons). This toolbar has a file icon, search icon, settings, etc.
4. Use the up/down arrow keys to navigate to the "Azure" icon and press enter
5. The Azure panel will now be active next to the toolbar.
6. Tab until the Machine Learning dropdown.
7. Tab till any subscription for example AML V1 Personal subscription.
8. Tab until the "Filter" button and press Enter. It will be a button with a funnel icon.
9. TAB till "Select subscriptions" list and press down arrow key move focus to any list item.
10. Press Shift + TAB key to move "Ok" button.
11. Now press TAB key to move focus to list.
12. Observer that the focus moves to the subscription list, but focus is not visible.

Actual Experience

When the keyboard focus is on the "OK" button and the TAB key is pressed, the focus moves to the subscription list, but focus is not visible and on next tab visible on first list item.
Note: Make sure before repro'ing issue first move to list with arrow key.

Expected Experience

When the keyboard focus is on the "OK" button and the TAB key is pressed, the focus should be visible.

User Impact:

Keyboard only user will face difficulty if they press TAB key and keyboard focus is not visible.

Attachment