WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: An Accessible method of hiding HTML content

for

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:
http://www.mezzoblue.com/archives/2003/12/12/accessible_i/

Tim
--
"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