5 ms·
Great content but please improve the contrast of your website <3
by totololo 5y ago
Great content but please improve the contrast of your website <3
- amarshall 5y 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 5y agoWhat are these ratios and the letter sequences?
- lifthrasiir 5y 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 5y 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 5y 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 5y agoLooks perfect to me after ctrl+shift+r. I'm glad you removed that background image, it was rather pointless.