Hacker News new | ask | show | jobs
by dcchambers 306 days ago
Do you actually have trouble reading it?

#111111 is pretty close to black.

According to https://webaim.org/resources/contrastchecker/, the contrast is 18.88:1 and easily passes all of the accessibility tests.

3 comments

There's an #EEE text on #FFF at the bottom of the post.
There seems to be a bug in this blog's stylesheet where the headings are significantly lower contrast if the browser renders prefers-color-scheme as dark instead of light.

I had my browser/OS in light mode, so the contrast was excellent, but I tried dark mode just to see what would happen, and it was... not excellent.

Thank you! This is my site, and your comment helped me fix it.
And the title too.

The page has a @media (prefers-color-scheme: dark) style that causes this, so those in light mode are unaffected.

Oh - I'm in light mode and all the text on the page is #111111 with a #ffffff background. Switched to dark mode and now I see what you're saying - indeed that's not great.
Oh - I'm in light mode and all the text on the page is #111111 with a #ffffff background. Switched to dark mode and now I see what you're saying - indeed that's not great.
Yes, I found the main body perfectly readable, but the lighter grey on white could be a problem for some. I'd use something like #777 or darker here.
The title is also showing up as #EEE on #FFF for me, but the inspector view is showing a bunch of other "computed" colour values in the CSS.
I often have trouble with grey fonts. Thanks to dyslexia, the letters look all fuzzy.

This particular website isn't bad. If the grey were just a bit lighter, it would be.

One problem is that IPS panels only have a contrast ratio of 1:1000 at best, meaning that #000000 black is already gray.