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.

Low contrast of code as headline

See original GitHub issue

Spotted at http://localhost:5000/en-US/docs/Web/HTML/Element/input/text#Non-standard_attributes

low-contrast

The CSS applied to <code> yields bad contrast here. Also, the icon in headlines need some polishing.

Issue Analytics

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

github_iconTop GitHub Comments

2reactions
peterbecommented, Nov 12, 2020

Don’t manually fix cases of <h3><code>...</code> there are hundreds of these, in en-US alone. It can be fixed with styling. That’s why I moved it here to yari.

1reaction
chrisdavidmillscommented, Nov 12, 2020

@Ryuno-Ki sure, please do!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Low-Contrast Text Is Not the Answer - Nielsen Norman Group
Low-Contrast Text Is Bad for Usability (But You Already Knew That) Insufficient contrast between the text color and the background degrades the ...
Read more >
The Myths of Color Contrast Accessibility - UX Movement
Another common myth is that gray text is inaccessible. Many assume users can't read gray text because it looks low contrast. Sometimes this...
Read more >
Web Accessibility: Fixing Contrast Conundrums - CUiDiz
One of the more common website accessibility/ADA issues we see is contrast — when there's not enough contrast between type and the background...
Read more >
Understanding Web Accessibility Color Contrast Guidelines ...
Our lovely combination fails all tests, coming far under 4.5 for regular text or 3 for headline style text. Time to choose some...
Read more >
Color Contrast And Why You Should Rethink It
Test designs that have low contrast, and show how slight modifications to colors can make a difference. Encourage designers to test, and ...
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