[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
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
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:
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.
The text was updated successfully, but these errors were encountered: