WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: WebAim Links- Color and Hover Effects


From: Jared Smith
Date: Dec 12, 2007 10:20AM

On 12/12/07, RODNEY TOLIVER < <EMAIL REMOVED> > wrote:
> What is the advantage of presenting links the way that WebAim does. They
> have regular link with hover effects that change the background to a
> soft yellow and the link text to maroon. Does anyone know why that is?

Jen already discussed most of the advantages. It is also makes links
more visually apparent to keyboard users as they tab through the

The colors we use are not based on any guideline or research. We
simply chose colors that would be visually apparent and provide plenty
of contrast while maintaining typical link colors - blue for
non-visited, red for active, and purple for visited.

This becomes a bit more difficult when you are using images as menu
items. For our tab navigation, we provide the same functionality by
changing the location of CSS background images based on the status of
the link.

Jared Smith