3 ms·
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://inoad
by susam 6y ago
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 https://inoads.com/style.css):
background-color: #FDF6E3;
color: #657B83;
Now plug those values into https://webaim.org/resources/contrastchecker/ 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 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.
- bhauer 6y agoAh, 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.
- susam 6y agoAh! 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.