search

microsoft / vscode-docs

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

A11y_Visual Studio Code Services_Docs_Left Right Navigation_Keyboard : The dropdown icon is not visible for keyboard users in the left navigation section. #5101

Closed jadhavprathmesh01 closed 2 years ago

jadhavprathmesh01 commented 2 years ago

“Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.”

GitHubTags:

A11yMAS; #A11yTCS; #A11ySev2; #DesktopWeb; #Visual Studio Code Services; #BM-Visual Studio Code Services-Web-Jan2022; #Web; #Keyboard;#WCAG2.1.1; #FTP; #ChromiumEdge;

Environment Details: Application Name: Visual Studio Code Services Windows Version: Windows 11

Repro Steps:

  1. Launch the application Visual Studio Code Services
  2. Tab navigate to "Docs" link.
  3. Left and right navigation will appear.
  4. Tab navigate to the Left navigation links and observe that the dropdown icon is visible or no using keyboard.

Actual: There are dropdowns in the "Left navigation" section and the dropdown icon is not visible when the user navigates to the links using keyboard, when we hover using mouse

Expected Result: There should be dropdown icon visible when the keyboard user navigates to the links.

Attachment: A11y_Visual Studio Code Services_Docs_Left Right Navigation_Keyboard

gregvanl commented 2 years ago

We deliberately want to avoid too much visual clutter in the left navigation. It should be clear to readers that those items are section heading and the Enter key allows users to expand and collapse the sections.

jadhavprathmesh01 commented 2 years ago

@gregvanl The dropdown icon are visible on mouse hover so basically it should be visible on keyboard focus also. Opening an new bug because this bug was closed. Please don't close the accessibility bugs as the issue is still reproducing.

gregvanl commented 2 years ago

@jadhavprathmesh01 How do we handle won't fix issues? Do we leave the issues open in our repo?

Also can you provide a link to documentation to explaining why we need to add a dropdown icon. We believe it will add visual clutter to the existing UI. Thanks

jadhavprathmesh01 commented 2 years ago

@gregvanl As it is failing the 1.3.1 std i.e. the visual is not matching the programmatic information that is been given by screenreader and the screenreader is announcing it but for keyboard users its not available

And if you have any more questions you can join Indian office hours meeting.

sspatil123 commented 1 year ago

image GithubTags:#Closed;Version 1.75