WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Using CSS to hide a portion of the link text

for

From: Evans, Donald (Contractor)
Date: Aug 3, 2009 6:40AM

Almost any page that uses the same link text many times could make use of hidden link text to describe them.

Example: An ecommerce site that has a dozen products listed, each with a link next to the product's picture that says, "Buy". Adding CSS hidden text to the Buy link makes each link distinct.



-----Original Message-----
From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of Geof Collis
Sent: Monday, August 03, 2009 8:06 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Using CSS to hide a portion of the link text

Hi Everett

As a screen reader user and an accessibility expert I'm of the
opinion from that page:
"Other screen reader users and accessibility experts don't recommend
this as a general technique because the results can be overly chatty
and constrain
"
however if you can show me an incident where this is used and serves
a real purpose other than talking my ear off then I might change my mind.

cheers

Geof






At 03:25 AM 8/3/2009, you wrote:
>Good morning,
>
>Trying to build support for more meaningful link text in Drupal 7. To
>this end I am investigating using CSS to hide a portion of link text.
>If anyone has strong, or medium, feelings about this method I'd love
>to hear them.
>
>Also, wondering if anyone can point to examples of sites that are
>using WCAG 2.0 technique C7 - Using CSS to hide a portion of the link
>text - http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/C7
>
>Thanks,
>Everett
>
>Follow me on Twitter
>http://twitter.com/ezufelt
>
>View my LinkedIn Profile
>http://www.linkedin.com/in/ezufelt
>
>
>
>