Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

A11y_Visual Studio Code Client_Sep2021_Debug Adapter Protocol_Home Page_UseOfColor: Microsoft link looks like text , no way to differentiate it when hovered on it with mouse pointer there is no under line of change color or font size #213

Closed
harshgangrade111 opened this issue Sep 9, 2021 · 4 comments

Comments

@harshgangrade111
Copy link
Member

harshgangrade111 commented Sep 9, 2021

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

GitHubTag:#A11yTCS;#DesktopWeb;#Win10;#WCAG1.4.1;#FTP;#STP;#A11yMAS;#ChromiumEdge;#A11ySev2;#P2_Visual Studio Code Clien_Sep2021;#Visual Studio Code Client;#UseOfColor;#P2_WCP;

Environment Details:

Application Name: Visual Studio Code Client
#URL: https://microsoft.github.io/debug-adapter-protocol
Browser Versions: Microsoft Edge Version 93.0.961.38 (Official build) (64-bit)
Windows Version: Windows10

Example Page URL: https://microsoft.github.io/debug-adapter-protocol/

Repro Steps:

  1. Open the URL: https://microsoft.github.io/debug-adapter-protocol/
  2. Debug Adapter Protocol home screen will get open.
  3. Tab to footer section and hover over the Microsoft link and check.

Actual:

Microsoft link looks like text , no way to differentiate it when hovered on it with mouse pointer there is no under line of change color or font size . Use of color should be different.

Same issue is also observed with throughout the application.

Expected:

There should be under line change in color or font on hovering. Use of color should be different for all the links so than user can differentiate links.

User Impact:

Users will not be able to know that it is a link or text.

Attachment:

#213

@harshgangrade111 harshgangrade111 changed the title A11y_Visual Studio Code Client_Sep2021_Debug Adapter Protocol_Home Page_Screenreader: Microsoft logo is link but not looks like one at footer. A11y_Visual Studio Code Client_Sep2021_Debug Adapter Protocol_Home Page_UseOfColor: Microsoft logo is link but not looks like one at footer. Sep 14, 2021
@harshgangrade111 harshgangrade111 changed the title A11y_Visual Studio Code Client_Sep2021_Debug Adapter Protocol_Home Page_UseOfColor: Microsoft logo is link but not looks like one at footer. A11y_Visual Studio Code Client_Sep2021_Debug Adapter Protocol_Home Page_UseOfColor: Microsoft link looks like text , no way to differentiate it when hovered on it with mouse pointer there is no under line of change color or font size Sep 17, 2021
@sana-ajani
Copy link
Contributor

There is a hover when you put mouse over the Microsoft logo, the url is shown off to the side. The other three buttons (Star, Watch) also behave the same.
image

@NiharikaTipirishetty
Copy link

NiharikaTipirishetty commented Jun 10, 2022

#P2_debugadapterprotocol_Web_Sep2021;

@prabhudevu
Copy link

I have verified the issue in the Env: https://microsoft.github.io/debug-adapter-protocol/,
Issue is fixed we are getting the URL on the bottom left side on the page when we hover mouse over "Microsoft" link. Added Attachment for the reference.

microsoftlink

Screenshot (338)

@prabhudevu
Copy link

prabhudevu commented Jul 13, 2022

#Closed;

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants