WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: title attribute of anchor tag

for

From: Lee, Samson (NIH/NIDCR)
Date: Feb 20, 2004 8:21AM

Thanks for pointing that out. But I think I just found a better solution. I
can just go title="Some Link: extra info about the link", so this way JAWS
will read the both link itself and its extra info... (duh!)

-----Original Message-----
From: Andrew Kirkpatrick [mailto: <EMAIL REMOVED> ]
Sent: Friday, February 20, 2004 10:03 AM
To: <EMAIL REMOVED>
Subject: RE: title attribute of anchor tag


> 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/


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