WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: FW: CSS and 508 Challenge

for

From: Rakesh.Paladugula@cognizant.com
Date: Aug 25, 2010 4:48AM

As a screen reader user I don't recommend hiding text unless there is no
alternate. It shows usage of a different approach for a blind and sited
person.
Its just my personal openion.

Regards
Rak

-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Jeevan Reddy
Sent: Wednesday, August 25, 2010 4:04 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] FW: CSS and 508 Challenge

Hello,
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
Form-PDF"
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.
Regards,
Jeevan

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