WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: title attribute of anchor tag

for

From: Andrew Kirkpatrick
Date: Feb 20, 2004 8:09AM

> 1. making the link an image, so that you can use the alt
> attribute 2. using CSS to place the extra text above the
> visible area on the page (explained below) 3. inserting a 1px
> by 1px image after the text link and putting the alt text there

Lee,
The one downside of option 2 (moving the extra text off screen) is that it
will not work for users browsing with images off or with a client that
doesn't support images (but does support CSS).

An additonal thing to think about is adding onfocus and onblur attributes to
the link so the the rollover will work for keyboard users also.

<a onMouseover="swapImage('defaultImageID','','extraInfoImage.gif',1)"
onMouseout=swapImgRestore()
onfocus="swapImage('defaultImageID','','extraInfoImage.gif',1)"
onblur=swapImgRestore() href="page.htm" title="extra info about the link"
>Some Link</a>

AWK




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