WebAIM - Web Accessibility In Mind

E-mail List Archives

Another Color Contrast question

for

From: Jesse Hausler
Date: Oct 2, 2014 4:48PM

I've been diving more into the area of color contrast when it comes to
icons.

Under Additional Techniques (Advisory) for 1.4.3
<http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html#visual-audio-contrast-contrast-techniques-head>;,
it says that "Making icons using simple line drawings that meet the
contrast provisions for text" should be considered but are not required for
conformance.

If the following are SVGs, would these be considered "simple line
drawings"?

Choose the Icons link at the top of the page and scroll down a bit to the
Custom Icon heading.
http://sfdc-styleguide.herokuapp.com/?id=style

They're white icons on color backgrounds. Apparently, the style is all the
rage these days. You may have noticed your favorite app icon change to
something similar on iOS and Android.

If they aren't considered line drawings, as SVGs (images) should I not
worry about contrast for these anyways? I only have been since we're using
these as buttons and I want to make sure.

On the other hand, I don't want to make our design team re-architect
something if it isn't necessary for WCAG.

Thanks again,
Jesse