WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Using color to distinguish a visual element


From: Patrick H. Lauke
Date: Dec 8, 2008 12:30PM

Angela Colter wrote:
> I'm in the middle of conducting an accessibility review on a nonprofit's Web site using WCAG 2.0 guidelines, and I'd like some opinions regarding whether a component passes or fails a guideline.
> The site uses hyperlinks that are styled blue, but not underlined (or bold or anything else that distinguishes text from links.) However, the site DOES include a hover state for links. When you mouse over a link, the underline appears.
> Guideline 1.4.1 states that to pass, "Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element."
> So here's my question: Is the hover state enough to qualify as a distinguishing visual element? Frankly, I don't think so. If you assumed all the blue on the page is just text, or don't notice the difference between blue and black text, you might not bother to mouse over and trigger the hover state.

I wouldn't say so either. If I can't see what is or isn't a link, then
I'm left to either tab my way through the page or worse, if I'm a mouse
user, hover over each individual word until I spot a link.

It's a different matter though if the links are all in, say, a clear
navigation bar. There, their context/position would make it apparent
that they're links. But for in-text links, definitely not enough.

IMHO, of course.

Patrick H. Lauke