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)




>