5 ms·
Great content but please improve the contrast of your website <3
by totololo 6y ago
Great content but please improve the contrast of your website <3
- amarshall 6y agoHuh? The foreground is #404040 and background is #F9F9F9. That’s 9.84:1 which is high enough for WCAG AAA. The background image is speckled, but even the lowest-brightness pixel is #E8F7FA which is 4.72:1, which is not AAA, but is AA.
- klapatsibalo 6y agoWhat are these ratios and the letter sequences?
- lifthrasiir 6y agoRatios are contrast ratios [1] while letter sequences are WCAG 2.0 conformance levels (AAA is the highest). [1] https://www.w3.org/TR/WCAG20/#contrast-ratiodef https://www.w3.org/TR/WCAG20/#contrast-ratiodef
- three14 6y agoI didn't notice the contrast problem until seeing the GP comment, but I suspect that speckled backgrounds are worse than a solid #E8F7FA because they mess with people's ability to do edge detection when trying to see the shapes of the letters in the text.
- indygreg2 6y agoI removed the background image and made the text blacker. Might take a force refresh to pick up the CSS file change. Is it good enough or are further tweaks needed? If more, my web design skills are mediocre, so actionable feedback would be appreciated.
- NavinF 6y agoLooks perfect to me after ctrl+shift+r. I'm glad you removed that background image, it was rather pointless.