WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: FW: CSS and 508 Challenge


From: Jeevan Reddy
Date: Aug 25, 2010 4:36AM

It's always allowed, but screen readers doesn't interpret the content in
the in the "title " attribute.
In your example, <a href="mypdf.pdf" title="OPM 71 Fillable Form - PDF
Format">OPM 71</a>
Screen Reader interpret this link as "OPM71" not as "OPM71 fillable
so Adding "title" attribute the links can't give extra information to the
Screen reader Users, but may useful for Sited users when they mouse over it,
they can get that information and looks odd if you use Title attribute to
each link .

if you want convey extra information about a link, span the extra
information that you want to convey and Use CSS to hide that in an
Accessible manner as follows
<a href="mypdf.pdf" >OPM 71<span>PDF Formate</span></a>

<style> a span { height: 1px; width: 1px; position: absolute; overflow:
hidden; left: -100px; }</style>

Now Screen Readers Read as "OPM71 PDF Formate".
Hope this will help you.

On Tue, Aug 24, 2010 at 11:29 PM, Langum, Michael J
< <EMAIL REMOVED> >wrote:

> Can you override the screen reader output of actual text within anchor
> tags using title attributes?
> e.g. <a href="mypdf.pdf" title="OPM 71 Fillable Form - PDF Format">OPM
> 71</a>
> -- Mike