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_APIGetStarted_YourFirstExtension_Keyboard: The tooltip for all the video controls is not accessible by keyboard which is available to the mouse users. #2828

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 #WCAG1.1.1 #WCAG2.1.1 #Edge #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 1.1.1, WCAG 2.1.1

Repro Steps:

  1. Launch the application.
  2. Navigate to "API" link.
  3. From left navigation, select "Get Started".
  4. Navigate to "Your First Extension" link.
  5. Navigate to the video controls and observe if the tooltip are accessible using keyboard or not.

Actual: When users navigate to the video controls using keyboard the tooltip is not accessible to the keyboard users but when user hovers over these controls using mouse the tooltip appears and it is available to the mouse users.

Expected: The tooltip content which is available for mouse users should also be able to the keyboard users when the video controls receive keyboard focus.

User Impact: The keyboard users will not get the same information which is available to the mouse users.

Attachment for Reference: Code.visualstudio.com_APIGetStarted_YourFirstExtension_Keyboard The tooltip is not accessible by keyboard.pptx

octref commented 5 years ago

I see no "hover tooltip". When I tab to the video tag, all the controls are accessible through tabs.

image