Incorrect role is provided as button for "rich-text editor" formatting options such as bold, italic, and underline, rather than as "toggle button".: A11y_SQL Azure Data Studio_Notebook_AI4D

[Mana-swi]

Tags:

#A11yTCS;#A11yMAS;#WCAG4.1.2;#Name Role Value;#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. Connect to server.
3. In the Connections pane, right-click on a server connection.
4. Then select 'Manage' from the context menu to view the dashboard.
5. Tab till show/hide panel button and inspect it.
6. Observe that The name is not correctly defined for "show text label" button of the Dashboard.

Actual:

Tags:

#A11yTCS;#A11yWCAG;#WCAG4.1.2;#Name Role Value;#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. tab to File then New Notebook.
3. tab to Attach To and enter a SQL connection.
4. tab to + Text to add a text cell. Add some text.
5. tab to + Code to add a code cell. Add some code.
6. tab to formatting options and press enter to apply or remove the format on selected text.
7. Observe that Incorrect role is provided as button for "rich-text editor" formatting options such as bold, italic, and underline, rather than as "toggle button".

Actual:

Incorrect role is provided as button for "rich-text editor" formatting options such as bold, italic, and underline, rather than as "toggle button".

Expected:

The role should be as a toggle button for "rich-text editor" formatting options such as bold, italic, and underline, rather than as button. Therefore, NVDA should announce it as selected or pressed when the user selects or deselects a formatting option, and the format is applied to the selected text in the editor.

User Impact:

Screen reader users cannot determine if any formatting has been applied to the selected text in the editor because the screen reader does not provide any state information about the options after they are activated.

Recommendations:

MAS Problems and Suggested Fixes

MAS Reference:

• MAS 4.1.2: Name, Role, Value Guide
• MAS 4.1.2 – Name, Role, Value