WebAIM - Web Accessibility In Mind

E-mail List Archives

Lengthy branding text as image

for

From: Richard Garbutt
Date: Jun 10, 2005 2:08PM

I'm working on a design in Photoshop and thinking about how to code it
in an accessible way: <http://www.theteazer.co.uk/demos/theteazer.gif>;
(25k).

The problem is the text in the top-right corner. ("The Teazer:
stories, poems...") I want to use the text as an image to keep its
visual properties and keep it the same size. I am thinking of using a
CSS image replacement technique, rather than an <img /> tag with the
alt attribute set, which would have the whole text showing as a tool
tip. This would also let me use <em> and <strong> tags, conveying more
of the meaning through a screen reader than the alt attribute.

The main headache I have is where to put this in my XHTML document.
The text is something someone may want to read once but would then
ignore on subsequent page viewings. Having to sit through it every
time a new page is loaded would be irritating. So I could put it at
the end of my XHTML document, after the navigation, but it does have
an identity with the main title ("The Teazer") and between the main
title and the content seems to be its logical position: It seems
incidental to the flow of the document, but has a definite position in
the flow. Maybe access key is the answer?

Maybe I should keep it out of the XHTML altogether, except for on the
home page and other common entry pages?

Thanks in advance for your time.

Richard
_______________________________________________
To manage your subscription, visit http://list.webaim.org/