WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: images as page headings

for

From: John Foliot - WATS.ca
Date: Oct 24, 2003 12:42PM

Ant,

I have had occasion to do this as well, and after some testing found that
the following worked best:

<h2 title="Wedding Resources"><a name="links"><img
src="images/wedding_resources.jpg" width="450" height="80" border="0"
alt="Wedding Resources"></a></h2>
(source: http://www.allseasonsweddings.com/resources.html)

I found that by adding the Title attribute to the <h> element ensured that
the structural and semantic logic remained intact when images were disabled
or when viewed in a text only browser (Lynx). Thus, screen reading
technologies too will access the structural meaning of the header.

Another method suggested (and favoured by Zeldman et al) is known as the FIR
(Fahrner Image Replacement) method. However Joe Clark has apparently
documented problems with this method on the latest ALA report, and while I
have not read all of it, it's on my list of things to do. Apparently YMMV.
(http://www.alistapart.com/articles/fir/)

HTH

JF
--
John Foliot <EMAIL REMOVED>
Web Accessibility Specialist / Co-founder of WATS.ca
Web Accessibility Testing and Services
http://www.wats.ca 1.866.932.4878 (North America)




> -----Original Message-----
> From: Anthony Webster [mailto: <EMAIL REMOVED> ]
> Sent: Friday, October 24, 2003 5:43 AM
> To: <EMAIL REMOVED>
> Subject: images as page headings
>
>
> Hi,
>
> I have headings on a page that are actually images (because my
> client's marketing dept wants the headings in their particular
> corporate font). From searching the list archives I have seen
> someone suggest:
>
> <h1><img src="welcome.gif" width="200" height="30" alt="Welcome"
> border="0"></h1>
>
> Is this helpful to users of screen readers, or should I leave out
> the h1 tags?
>
> Thanks
>
> Ant
>
>
> ----
> To subscribe, unsubscribe, suspend, or view list archives,
> visit http://www.webaim.org/discussion/
>
>
>
>



----
To subscribe, unsubscribe, suspend, or view list archives,
visit http://www.webaim.org/discussion/