question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Website: Color Contrast Issue

See original GitHub issue

Color Contrast issue for Contribution Guidelines and Star text on the website.

Checked using https://webaim.org/ Screen Shot 2019-04-27 at 1 05 02 PM

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
RalphMarshallcommented, Aug 14, 2019

I came across this project while looking for some Git CLI tools. Since I work on accessibility, I’m glad to see you’re looking into this. You can use http://colorsafe.co to help generate colors with better contrast. I have no relationship to that page at all, so this isn’t a plug.

It looks like the two problem areas are the yellow/orange text for links, and the text for your names down in the footer. For the links the color #AA2E00 is a plausible darker orange color if you want to stick close to what you have. For the names in the footer, something like #D3D3D3 would pass.

1reaction
rebeccahongsfcommented, Jul 2, 2019

@jwu910 Yes sir! I’ll make time this week.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Color contrast - Accessibility - MDN Web Docs - Mozilla
The color contrast between background and foreground content (that is, usually text) should be great enough to ensure legibility.
Read more >
Color contrast on websites - University of Washington
The WebAIM Color Contrast Checker is a website that evaluates a pair of colors for WCAG compliance. The user can enter the hex...
Read more >
Fixing contrast issues, on your own site and elsewhere
Insufficient text contrast is the most common accessibility issue on websites today. According to the WebAIM Million report for 2021, ...
Read more >
Understanding WCAG 2 Contrast and Color Requirements
In WCAG 2, contrast is a measure of the difference in perceived "luminance" or brightness between two colors (the phrase "color contrast" is ......
Read more >
Color Contrast Accessibility Validator
Free color contrast analysis that will display the color contrast issues of a web page per WCAG 2.1 Guidelines.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found