altercation / OLD-ethanschoonover.com-original

website source (hakyll, pandoc markdown)
http://ethanschoonover.com
734 stars 95 forks source link

Solarized color accessibility #32

Open chharvey opened 8 years ago

chharvey commented 8 years ago

I noticed that while checking foreground colors on top of background colors, some combinations do not meet the WCAG 2.0 accessibility specifications; namely, that the contrast ratio must be at least 4.5.

Here's a great tool that calculates the contrast ratio between foreground and background colors.

For example, Solarized Base 00 color on a Solarized Base 3 background (the default setting for light mode) yields a contrast ratio of 3.4, which does not meet requirements unless the text is large or bold. Further, Solarized Base 1 (light mode comments) on the same background yields a contrast ratio of 2.5, which fails all requirements.

On a personal note, I use the Solarized Dark scheme for my command line, with Base 03 as the background. But instead of the recommended Base 0 for text, I used Base 1 (emphasis) for normal text because Base 0 is too hard to read (even though the contrast ratio is 4.7).

I realize that completely addressing this accessibility issue is probably not going to give you the dynamic range that you need to make a beautiful color palette, but I was wondering if you could mention the WCAG specs on your website? If nothing more than to just let other developers know it's being acknowledged.

If I have made an error or am mistaken, please kindly correct me. Thank you.

chharvey commented 8 years ago
screen shot 2016-01-30 at 01 37 27
nortexoid commented 7 years ago

I recently noticed the same thing and tweaked my theme to have a contrast of 4.99:1 which is what you get with base 3 background and base 01 foreground (text). The scheme could use tweaking to improve contrast.