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_code.visualstudio.com_DownloadInsiders_Keyboard: Keyboard focus not clearly visible for several interactive elements available on the screen in Chrome. #2827

Closed MayuriNaik closed 5 years ago

MayuriNaik commented 5 years ago

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

GitHub Tags: #A11yMAS #CAITestPass_June’19 #Win10 #DesktopWeb #Keyboard #WCAG2.4.7 #Chrome

Environment Details: URL: https://code.visualstudio.com Windows Version: Windows10 Browser Version: Microsoft Edge 44.18362.1.0 Chrome Version 75.0.3770.100 (Official Build) (64-bit) Screen Reader Versions : NVDA2019.1.1 Standard Violated: WCAG 2.4.7

Repro Steps:

  1. Launch the application.
  2. Navigate to "Download" button.
  3. Scroll down the page and hit "Insiders build" link.
  4. Navigate to all the interactive elements of "Download Insiders" screen.
  5. Observe if the keyboard focus is clearly visible for not.

Actual: In Chrome browser when users navigate to the several interactive elements using keyboard the keyboard focus should be clearly visible to the keyboard users.

Expected: The keyboard focus should be clearly visible when keyboard users navigates through the several interactive elements.

User Impact: If the keyboard focus is not clearly visible when users navigates through the interactive elements then the users will get confused and might not be able to interact with the elements.

Attachment for Reference: Code.visualstudio.com_DownloadInsiders_Keyboard Keyboard focus not clearly in Chrome..pptx

octref commented 5 years ago

Good catch. Previously:

image

With fix:

image