The focus order on the "Extension- details" screen is incorrect; it currently moves from right to left, going from the "Extension Resource" section to the "Extension Overview".: A11y_SQL Azure Data Studio_Extension_Keyboard

[Mana-swi]

Tags:

#A11yTCS;#A11yMAS;#WCAG2.4.3;#Focus Order;#Keyboard;#A11ySev2;#Win32;#DesktopApp;#BM_SQL Azure Data Studio_Win32_Sep25;#SQL Azure Data Studio;
"[Check out Accessibility Insights!]) - Identify accessibility bugs before check-in and make bug fixing faster and easier."

Environment Details:

Application Name: SQL Azure Data Studio
Version: 1.52.0 (system setup)
VS Code: 1.82.0
Electron: 30.5.1
Chromium: 124.0.6367.243
Node.js: 20.16.0
V8: 12.4.254.20-electron.0
OS: Windows_NT x64 10.0.22621

Repro Steps:

1. Launch Azure Data Studio.
2. From the left menu, click the 'Extensions' icon to open the Extension Manager.
3. Choose any extension from the library.
4. The extension details screen will appear, tab through the screen and observe the focus shifts.
5. Observe that The focus order on the "Extension- details" screen is incorrect; it currently moves from right to left, going from the "Extension Resource" section to the "Extension Overview".

Actual:

The focus order on the "Extension- details" screen is incorrect; it currently moves from right to left, going from the "Extension Resource" section to the "Extension Overview".

Expected:

The focus order on the "Extension- details" screen should be left to right and top to bottom; it should move from the "Extension Overview" section to the "Extension Resource".

User Impact:

Keyboard users may be misled about the content’s structure and hierarchy, which can result in misunderstanding the context, especially if they skip the overview at first.

Recommendations:

MAS Problems and Suggested Fixes

MAS Reference:

• MAS 2.4.3: Focus Order Guide
• MAS 2.4.3 – Focus Order