WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: An Accessible method of hiding HTML content


From: Tim Beadle
Date: Jun 4, 2004 6:16AM

On Fri, Jun 04, 2004 at 08:08:43AM -0400, leo wrote:
> I am having a little trouble with the technique for using Graphics as
> Headers whilst concurrently having a text heading within proper semantic
> markup. I don't seem to be able to get it to work, coding as the example
> does in the article. I have found an alternative way that seems to work OK:
> namely placing the heading element with the header text first (would be the
> same text as the graphic as header), then the header graphic with null alt
> text afterwards (outside of the heading element). Looks like this:
> Current Designs

You may be interested in the work that has been done in the past year or so
wrt CSS image-replacement techniques.

All you would need then would be:
Current Designs

Then in your style sheet:
#current {
/* The requisite CSS, depending on the replacement method used */

For more info, see here:

"Email is a wonderful thing for people whose role in life is to be on top
of things. But not for me; my role is to be on the bottom of things."
-- Donald Knuth