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

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

Open
aniketr99 opened this issue May 10, 2024 · 3 comments
Assignees

Comments

@aniketr99
Copy link

"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

@ntrogh
Copy link
Contributor

ntrogh commented May 13, 2024

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

@daviddossett
Copy link
Contributor

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

Image

@rzhao271
Copy link
Contributor

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

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

No branches or pull requests

4 participants