Skip to content

Conversation

maitxn
Copy link
Contributor

@maitxn maitxn commented Sep 11, 2024

References

What

This pull request includes change to the src/theme.js file to fix an accessibility issue related to color contrast ratio between npm link text #cb0000 and surrounding text #1f2328

Why

If the link has no distinct style (such as underline) and luminosity contrast of the link has insufficient contrast ratio with the surrounding text. As a result, users with low vision who experience low contrast cannot detect visually that the text is intended to function as a link.

Accessibility improvements:

  • src/theme.js: Changed the npm theme color from #cb0000 to #cb3837 to meet the minimum contrast 3:1

image

@maitxn maitxn self-assigned this Sep 11, 2024
@leobalter
Copy link
Contributor

Please use #cb3837 instead. This one can be used for the logo as well.

Copy link
Contributor

@leobalter leobalter left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM. Please wait for @wraithgar to sign off.

@wraithgar
Copy link
Member

spot check and links are now color: rgb(203, 56, 55);

@wraithgar wraithgar merged commit 2ddfdac into main Sep 12, 2024
9 checks passed
@wraithgar wraithgar deleted the maitxn/accessibility-9165 branch September 12, 2024 16:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants