WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: graphic and link problem


From: Patrick H. Lauke
Date: Sep 12, 2012 5:01PM

On 12/09/2012 18:55, David Farough wrote:
> We have a web application, where the main menu page consists of a list
> containing several entries. within each entry there is a graphic which
> is either a checkmark or a red x, followed by the name of the section of
> the application. Ultimately It would be good to have the meaning of the
> graphic included with the link so that tabbing to the link would
> indicate to a screenreader user whether the section of the app addressed
> by the link was properly completed or not. I'm guessing that the best
> way to do this without including the graphic meaning on screen would be
> to hide it off screen.
> Can someone point me to an example of how this could be done?

So what IS the meaning of a checkmark or a red cross? Is it like a todo
application, where it's "done" and "not done/rejected"? "completed" "not
completed"? Answer that, and you've got your meaning.

How to then include it? Depends how you're including the graphics.
Simplest, of course

<img src="check.png" alt="Completed"> ...
<img src="cross.png" alt="Not completed"> ...

Patrick H. Lauke