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

[TSDoc> Building the project]: Ensure links are distinguished from surrounding text in a way that does not rely on color (a[href$="rushjs.io"]) #266

Open
vagpt opened this issue Aug 29, 2024 · 0 comments
Labels
A11ySev3 Accessibility severity A11yWcag Wcag accessibility violation HCL-TSDoc product tag tracking accessibility testing ms accessibility Issues filed by Microsoft as part of an effort to audit websites and improve their accessibility

Comments

@vagpt
Copy link
Collaborator

vagpt commented Aug 29, 2024

Test Environment:
Version: Version 24H2 (OS Build 26257.5000)
Browser Version: 129.0.2779.0 (Official build) dev (64-bit)
URL: https://tsdoc.org/pages/contributing/building/
Tool: Accessibility Insight For Web

Repro Steps:

  1. Open the above URL on EDGE Dev browser.
  2. Run the tool and observe the issue.

Actual Result:
Ensures links have distinguished from surrounding text in a way that does not rely on color. Currently it is 1.77:1 which is less than 3:1.

Expected Result:
Color contrast ratio for the link with surrounding text should be equal to or greater than 3:1.

Element path:
a[href$="rushjs.io"]

Snippet:
https://rushjs.io

How to fix:
Fix any of the following:
The link has insufficient color contrast of 1.77:1 with the surrounding text. (Minimum contrast is 3:1, link text: #008028, surrounding text: #444950)
The link has no styling (such as underline) to distinguish it from the surrounding text

User Impact:
It will impact the low vision as they will not able to distinguish the link with surrounding text.

WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html

Have feedback on bugs logged, please tag bug as “A11yRCA” and add your feedback in the comment section.

Ensures links have distinguished from surrounding text in a way that does not rely on color

Luminosity ratio for the link text is less than 3 1

@vagpt vagpt added ms accessibility Issues filed by Microsoft as part of an effort to audit websites and improve their accessibility HCL-TSDoc product tag tracking accessibility testing A11yWcag Wcag accessibility violation A11ySev2 Accessibility severity A11ySev3 Accessibility severity and removed A11ySev2 Accessibility severity labels Aug 29, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A11ySev3 Accessibility severity A11yWcag Wcag accessibility violation HCL-TSDoc product tag tracking accessibility testing ms accessibility Issues filed by Microsoft as part of an effort to audit websites and improve their accessibility
Projects
None yet
Development

No branches or pull requests

1 participant