Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Very poor contrast with light grey text #1286

Closed
Keats opened this issue Mar 26, 2018 · 2 comments
Closed

Very poor contrast with light grey text #1286

Keats opened this issue Mar 26, 2018 · 2 comments

Comments

@Keats
Copy link

Keats commented Mar 26, 2018

Look at this page for example: https://crates.io/categories

Displaying 1-46 of 46 total results : the light grey has a ratio of 3.43:1 compared to the background, failing the https://www.w3.org/TR/WCAG20/

The rest of the grey text (num of crates in each category and description) also fails with a ration of 3.69:1

Quick reminder of the levels from the spec:

WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.

This is small text so I guess even 4.5:1 would be too light?

As an aside, the spacing on those categories feels wrong. Adding a margin-bottom: 0.5rem to the info class let the header breath a bit.

@sgrif
Copy link
Contributor

sgrif commented May 2, 2018

It sounds like you have some very specific ideas of what should be done here. I'd love to get a PR for those changes.

@Turbo87
Copy link
Member

Turbo87 commented Feb 11, 2021

this appears to be a duplicate of, or at least partly covered by #1233, so I'll close this issue here as we already have one that tracks the color contrast improvements.

@Turbo87 Turbo87 closed this as completed Feb 11, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants