search

microsoft / vscode-docs

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

A11y_Visual Studio Code Services_Docs Java_Run and Debug_Usability: On activating "Skip to main content" link focus is not moving to the Edit link in main landmark section instead it's shifting to non-interactive control i.e. page heading. #6304

Open manaswita-chougule opened 1 year ago

manaswita-chougule commented 1 year ago

GitHub Tags

A11yUsable; #A11ySev4; #A11yTCS; #A11yWCAG2.1; #Chrome; #DesktopWeb; #Win11; #Visual Studio Code Services; #BM_VisualStudioCodeServices_Web_Apr2023;

Environment Details

Application Name: Visual Studio Code Services URL: https://code.visualstudio.com/ Microsoft Windows 11 Enterprise 10.0.22621 Build 22621 Chrome Version 113.0.5672.93 (Official Build) (64-bit)

Repro Steps

  1. Hit the application URL: https://code.visualstudio.com/
  2. Tab till "Docs" link and press enter.
  3. Tab till "JAVA" link in the left navigation and press enter.
  4. Tab till "Skip to main content" link and press enter.
  5. Observe that on activating "Skip to main content" link focus is not moving to the Edit link in main landmark section.

Actual Result

On activating "Skip to main content" link focus is not moving to the Edit link in main landmark section, i.e. focus is shifting to the Page heading "Run and Debug" which is non-interactive and with shift tab on heading it's moving to Edit button. Note: Similar issue is observed throughout the application.

Expected Result

On activating "Skip to main content" link focus should shift to the Edit Link in the main landmark and should not shift to the non-interactive control i.e. Page heading.

User Impact

Screen reader users will not able to follow the navigation of the page, and will take the non-interactive control as interactive as it's receiving the focus.

Attachment

focus is not moving to edit button when clicked on skip to main content

rzhao271 commented 1 year ago

Some pages have no Edit button. In that case, where should focus go if the user wants to immediately start reading the main content of the page?

manaswita-chougule commented 1 year ago

@rzhao271 For the pages where the Edit button is not present focus should move to the Main landmark or it should move to first interactive control within main landmark. Thanks!!

rzhao271 commented 2 days ago

I believe we do not have the Skip to main content button anymore. CC @daviddossett

@manaswita-chougule could you verify this issue again?