vscode-docs icon indicating copy to clipboard operation
vscode-docs copied to clipboard

Ensure links are distinguished from surrounding text in a way that does not rely on color (#banner-link-updates):

Open aniketr99 opened this issue 9 months ago • 3 comments

"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility or the Divisional Driver".

GitHub Tags:

#A11yTCS; #A11ySev2; #A11yMAS; #DesktopWeb; #Chrome; #WCAG1.4.1; #WCP; #Use of Color; #Visual Studio Code Services; #A11yAuto; #AI4W; #BM_VisualStudioCodeServices_Web_Apr2023; #Win11;#clink-in-text-block;

Environment Details: 

Application Name:  code.visualstudio.com URL:https://code.visualstudio.com/docs/java/java-project Microsoft Edge version 125.0.0.0 (Official Build) (64-bit)

Repro Steps:

Hit the URL: https://code.visualstudio.com/docs/java/java-project Run fast pass and observe the issue.

Issue:

Ensure links are distinguished from surrounding text in a way that does not rely on color (link-in-text-block - https://dequeuniversity.com/rules/axe/4.7/link-in-text-block?application=msftAI)

Target application:

Java project management in Visual Studio Code - https://code.visualstudio.com/docs/java/java-project

Element path:

#banner-link-updates

Snippet:

< a href="/updates" id="banner-link-updates">Version 1.89

Related paths:

.message

How to fix:

Fix any of the following:

The link has insufficient color contrast of 1.02:1 with the surrounding text. (Minimum contrast is 3:1, link text: #4daafc, surrounding text: #9ba3b4) The link has no styling (such as underline) to distinguish it from the surrounding text

Environment:

Microsoft Edge version 125.0.0.0

====

This accessibility issue was found using Accessibility Insights for Web 2.41.0 (axe-core 4.7.2), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

Attachment:

image

aniketr99 avatar May 10 '24 07:05 aniketr99

@daviddossett Can you look into this accessibility issue for the version banner?

ntrogh avatar May 13 '24 07:05 ntrogh

This was fixed in https://github.com/microsoft/vscode-website/pull/1753

Image

daviddossett avatar May 13 '24 15:05 daviddossett

@aniketr99 could you test the page again? You can access it at https://code.visualstudio.com/docs/java/java-project?dark-plus-v2

rzhao271 avatar May 24 '24 15:05 rzhao271

@aniketr99 this is fixed, can we please close this issue?

sbatten avatar Jul 01 '24 16:07 sbatten

Closing due to lack of activity.

rzhao271 avatar Jul 08 '24 18:07 rzhao271