undefined | Better HN

0 pointssusam5y ago0 comments

I agree with ffpip's comment. I too found the contrast to be too low for my comfort. Here are the colors used for the body element in the CSS (see https://inoads.com/style.css):

  background-color: #FDF6E3;
  color: #657B83;

Now plug those values into https://webaim.org/resources/contrastchecker/ and we can see that this color scheme fails even the WCAG AA check (see https://i.imgur.com/iK7FRfU.png for a screenshot). I think the WCAG AA is the absolutely bare minimum accessibility guideline any color scheme should conform to, otherwise we risk making the text hard to read for many people just like the text in this website is hard for me to read.

0 comments

2 comments · 1 top-level

bhauer5y ago· 1 in thread

Ah, it seems this site is aware of my preference for a dark color scheme.

    @media (prefers-color-scheme: dark) {
      /* defaults to dark theme */
      body {
        background-color: #002B36;
        color: #AAA;
      }
    }

You are seeing the bright color scheme and I am seeing the dark. So when ffpip said either "darken the text or brighten the background," and I'm looking at the dark theme, that would mean reduce the contrast.

I think we're all of the same opinion: the contrast should/could be higher.

susamOP5y ago

Ah! That makes sense. Indeed you had mentioned in your comment:

> Its use of gray text on a dark blue background is pretty common

That should have been a clue for me that you were seeing the dark color scheme.

j / k navigate · click thread line to collapse