OLD-ethanschoonover.com-original icon indicating copy to clipboard operation
OLD-ethanschoonover.com-original copied to clipboard

Solarized color accessibility

Open chharvey opened this issue 9 years ago • 2 comments

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 avatar Jan 30 '16 03:01 chharvey

screen shot 2016-01-30 at 01 37 27

chharvey avatar Mar 11 '16 16:03 chharvey

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.

nortexoid avatar Jul 06 '17 22:07 nortexoid