Hacker News new | ask | show | jobs
by cratermoon 106 days ago
Indeed the WCAG guidelines provide the following criteria

* The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following * Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1

Grey is not the problem. Low contrast is the problem.

1 comments

Did anyone calculate the contrast on this page?
WAVE shows that light mode is 0000ff on ffffff, for a contrast of 8.59:1. For my tastes, that's a bit too much contrast, and I'd prefer the background be very slightly off-white, around fafafa. The example "grey text on an off-white background." is 6D6D6D on EFEFEF, for a WCAG failing contract ratio of 4.49:1.

Amusingly, the paragraph near the end of the article that begins "Truth is stranger than fiction.." is not flagged as failing. It's 6D6D6D on FFFFFF, for a ration of 5.17:1. That passes WCAG AA but fails AAA.

https://wave.webaim.org/report#/https://catskull.net/stop-us...

Results for dark mode may vary, but I don't see a way to force it for analysis purposes.

I guess it depends on your monitor, on ambient lighting...
Of course it does.

In the absence of reflected ambient light, the contrast ratio of black to the dimmest non-black color on an OLED display is infinite, but that doesn't mean black-on-darkest-grey text is necessarily readable, even in a perfectly dark room.