A11y_SQLAzureDataStudio_ServerDashboard_ ServerDashboard _Screenreader: Wrong focus order is observed on Sever Dashboard screen while Voiveover is on #2558
Environment Details:
Application Name: Azure Data Studio
Version: 1.15.0-insider
Commit: 3a8b74a
Date: 2020-02-11T05:49:41.181Z
VS Code: 1.42.0
Electron: 7.1.11
Chrome: 78.0.3904.130
Node.js: 12.8.1
V8: 7.8.279.23-electron.0
OS: Darwin x64 19.3.0
Mac OS:10.15.3
Additional Details:
Mac OS:10.15.3
MAS References: MAS1.3.2
Repro Steps:
Launch Azure Data Studio.
Connect to server.In the Connections pane, right-click on a server & select Manage.
Launch Voiceover
Use Control +Option +right arrow key and try to navigate to toggle more button.
Actual:
While Voiveover is on and navigated to ‘Toggle More’ button of Sever Dashboard screen using Control+ option and arrow key, wrong focus order. For e.g. If navigating to ‘Search’ section, Screenreader focus moves to ‘Toggle more’ button first and then to ‘Search’ plain text.
Same issue is observed in Database Dashboard screen: 1. Launch Azure Data Studio.2. Connect to server.3. In the Connections pane, navigate to server --> database --> right click on any database & select Manage.
Expected:
While Voiveover is on and navigated to ‘Toggle More’ button of Sever Dashboard screen using Control+ option and arrow key, screenreader focus should be moved to that particular section’s text first and then to ‘Toggle more’ button. For e.g. If navigating to ‘Search’ section, Screenreader focus should be moved to ‘Search’ plain text first and then to ‘Toggle more’.
Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.”
!A11y_SQLAzureDataStudio; !A11yMAS; !A11ySev2; !A11yTCS; !SQL Azure Data Studio; !Benchmark; !DesktopApp; !MacOS; !MAS1.3.2 !Screenreader;
Environment Details: Application Name: Azure Data Studio Version: 1.15.0-insider Commit: 3a8b74a Date: 2020-02-11T05:49:41.181Z VS Code: 1.42.0 Electron: 7.1.11 Chrome: 78.0.3904.130 Node.js: 12.8.1 V8: 7.8.279.23-electron.0 OS: Darwin x64 19.3.0 Mac OS:10.15.3 Additional Details: Mac OS:10.15.3 MAS References: MAS1.3.2
Repro Steps:
Actual: While Voiveover is on and navigated to ‘Toggle More’ button of Sever Dashboard screen using Control+ option and arrow key, wrong focus order. For e.g. If navigating to ‘Search’ section, Screenreader focus moves to ‘Toggle more’ button first and then to ‘Search’ plain text.
Same issue is observed in Database Dashboard screen: 1. Launch Azure Data Studio.2. Connect to server.3. In the Connections pane, navigate to server --> database --> right click on any database & select Manage.
Expected: While Voiveover is on and navigated to ‘Toggle More’ button of Sever Dashboard screen using Control+ option and arrow key, screenreader focus should be moved to that particular section’s text first and then to ‘Toggle more’ button. For e.g. If navigating to ‘Search’ section, Screenreader focus should be moved to ‘Search’ plain text first and then to ‘Toggle more’.
Recommendations: Refer below link which is repository of bug fixes code snippets: https://microsoft.sharepoint.com/teams/msenable/mas/pages/browse-fixes.aspx
User Impact: Screenreader users will face difficulty as they will not be able to understand for which context ‘Toggle more’ button is present.
MAS Reference: MAS 1.3.2 https://microsoft.sharepoint.com/:w:/r/teams/msenable/_layouts/15/WopiFrame.aspx?sourcedoc={1ee227a7-e3c5-47b8-ab18-48ca8595077b}
Attachment link for Reference: