Skip to content

Accessibility - Links rely on color to be distinguishable #116

@mwarman

Description

@mwarman

Describe the bug

Provide a clear and concise description of what the bug is.

Fix the following Google Lighthouse finding:

Low-contrast text is difficult or impossible for many users to read. Link text that is discernible improves the experience for users with low vision. Learn how to make links distinguishable.

Adjust the styling of Link so that it does not rely on font color alone to indicate it is a link.

Steps to reproduce

Steps to reproduce the behavior:

  1. Go to the table components page.
  2. Run a Google Lighthouse report to see the issue.

Expected behavior

Provide a clear and concise description of what you expected to happen.

Rendered Link components should not result in this accessibility finding in Google Lighthouse.

Screenshots

If applicable, add screenshots to help explain your problem.

Environment

Desktop (please complete the following information):

Google Chrome 134.0.6998.165 (Official Build) (64-bit)
Revision fd886e2cb29dd984c13deec032832dee68d8abe3-refs/branch-heads/6998@{#2122}
OS Linux
JavaScript V8 13.4.114.21
User Agent Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36

Additional context

Add any other context about the problem here.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions