OLD-ethanschoonover.com-original
OLD-ethanschoonover.com-original copied to clipboard
Solarized color accessibility
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.
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.