microsoft / vscode-docs

Public documentation for Visual Studio Code
http://code.visualstudio.com/docs
Other
5.56k stars 4.51k forks source link

Not able to navigate through with the items of dropdowns under "Overview" using keyboard arrow keys: A11y_VisualStudioCodeServices_Uninstall Visual Studio Code_Overview_Usable #7419

Open prabhudevu opened 2 weeks ago

prabhudevu commented 2 weeks ago

GitHub Tags:

A11yTCS; #A11ySev4; #DesktopWeb; #ChromiumEdge; #BM_VisualStudioCodeServices_Web_July2024; #Visual Studio Code Services; #Benchmark; #Win11; #FTP; #Desktopweb; #A11yUsable; #A11yUsablehigh

Environment Details: 

Application Name:  Visual Studio Code Services URL: https://code.visualstudio.com/docs/setup/uninstall?dark-plus-v2#_windows Microsoft Edge version 126.0.2592.68 (Official build) (64-bit)

Repro steps:

  1. Launch the application URL: https://code.visualstudio.com/docs/setup/uninstall?dark-plus-v2#_windows and press ENTER.
  2. "Uninstall Visual Studio Code" screen gets opened.
  3. TAB to "dropdowns" under "Overview".
  4. Observe that we are not able to navigate through with the items of dropdowns under "Overview" using keyboard arrow keys.

Actual:

Not able to navigate through with the items of dropdowns under "Overview" using keyboard arrow keys.

Note: Issue is repro with below URLs as well https://code.visualstudio.com/docs/setup/uninstall?dark-plus-v2 https://code.visualstudio.com/docs/supporting/faq?dark-plus-v2 https://code.visualstudio.com/docs?dark-plus-v2 https://code.visualstudio.com/download?dark-plus-v2 https://code.visualstudio.com/insiders/?dark-plus-v2 https://code.visualstudio.com/?dark-plus-v2 https://code.visualstudio.com/docs/?dv=win64user&dark-plus-v2 https://code.visualstudio.com/docs/editor/command-line?dark-plus-v2 https://code.visualstudio.com/docs/getstarted/introvideos?dark-plus-v2 https://code.visualstudio.com/docs/getstarted/keybindings?dark-plus-v2 https://code.visualstudio.com/docs/getstarted/locales?dark-plus-v2 https://code.visualstudio.com/docs/java/java-debugging?dark-plus-v2 https://code.visualstudio.com/docs/languages/csharp?dark-plus-v2 https://code.visualstudio.com/docs/python/debugging?dark-plus-v2 https://code.visualstudio.com/docs/python/editing?dark-plus-v2 https://code.visualstudio.com/docs/python/jupyter-support-py?dark-plus-v2 https://code.visualstudio.com/docs/python/linting?dark-plus-v2 https://code.visualstudio.com/docs/remote/remote-overview?dark-plus-v2 https://code.visualstudio.com/docs/remote/troubleshooting?dark-plus-v2 https://code.visualstudio.com/docs/remote/wsl?dark-plus-v2

Expected

we should be able to navigate through the dropdowns using arrow keys.

User Impact

Keyboard users will not be able to move quickly through the dropdowns of overview as they need to navigate through all the items of dropdowns using only TAB key.

Attachment

Usability tab Usability1 side

12-shweta commented 2 weeks ago

rev:shwarh

12-shweta commented 2 weeks ago

A11yPreview;