Skip to content

[Serious] Link contrast is not at least 3:1 with surrounding text #652

Description

@ntallman

Issue Details

Source Issue ID 87842
Checkpoint 1.4 Distinguishable › Link Color Contrast (1.4.1.b)
Impact Serious
Standards wcag2a, wcag2aa, wcag21a, wcag21aa, wcag22a, wcag22aa
Test Area 07 Help - About Dialog
URL https://aptrust.org/documentation-page/dart-digital-archivists-resource-tool/
Environment Production
Platform Windows
Assistive Technology JAWS
Method Manual
Digital Asset Type Desktop Web
Release 4.2026
Date Reported 05/13/26 at 10:26 am
Issue Status Open
Unit Type Page
Issue Type Accessibility
Reported By kim.casey@ablr360.com

Description

Link text and static text are differentiated only by color. The contrast ratio between default link text and surrounding text is not at least 3:1.
In the About DART dialog, there are various links that are not distinguished with underline styling and blend into the surrounding text. See grayscale screen shot.

Recommendation

Rule :
Color alone MUST NOT be used to distinguish links from surrounding text unless the contrast between the link and the surrounding text is at least 3:1.

How To Fix:
Fix this issue by using ONE of the following techniques:

  1. Leave the link text and body text contrast as-is, but add an additional indicator (e.g. underline, outline, etc.) to the link text when it is in its default state.
  2. Increase the contrast between the link text and the body text so that the ratio is at least 3.0 to 1.

Reference:
WCAG Technique G183: Using a contrast ratio of 3:1 with surrounding text and providing additional visual cues on focus for links or controls where color alone is used to identify them: https://www.w3.org/TR/WCAG20-TECHS/G183.html

Background:
When link text is visually differentiated from surrounding body text only by color, people who are color blind or with low vision may miss links. Link text must be differentiated from surrounding text either by: 1) an underline (or other visual differentiation) in the default state, or 2) a contrast ratio of at least 3.0 to 1 between link text and surrounding text. When link text is adequately distinguished from surrounding text, people who have visual disabilities will be less likely to miss links.

Screenshots

07_link contrast

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions