Skip to content

[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

@vagpt

Description

@vagpt

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    A11ySev3Accessibility severityA11yWcagWcag accessibility violationHCL-TSDocproduct tag tracking accessibility testingTSDoc_Webms accessibilityIssues filed by Microsoft as part of an effort to audit websites and improve their accessibility

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions