WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Geof Collis
Date: Aug 3, 2009 10:10AM

A few years ago it was pointed out to me that the url should be
either the link name or part of it, more so in things like a Blog or
Newsletter that might be printed off.

In other cases just follow WCAG and make the link name relevant to
its destination or the surrounding text.


At 09:26 AM 8/3/2009, you wrote:
>Couldn't you give a span {display:none} (or display inline if that's
>what you'd prefer) in a print stylesheet? What would you say 'do[ing] it
>right the first time' is? Here's what the TOC on one of my sites looks like:
>
>Activities of Daily Living (PDF)
>Adult Education and Intellectual and Allied Developmental Disabilities (PDF)
>Amnesia (PDF)
>Aphasia (PDF)
>
>The titles are for html, the PDF links to the PDF version. I hadn't
>thought of a way of differentiating the PDF links until now, but this
>seems like a decent way to do it. The only issue I can see is that with
>stylesheets disabled, the link text will be overly long (especially for
>AEIADD above).
>
>Dan Conley
>
>Geof Collis wrote:
> > These ideas sound good in principle but what happens if someone wants
> > to print off the page and take it to a presentation where the link
> > url is necessary. Sure you could write more code to do this but why
> > not just do it right the first time instead of doing all of this
> > extra coding just because you can?
> >
> > At 09:03 AM 8/3/2009, you wrote:
> >> I have used hidden CSS to
> >>
> >> 1. Create distinct link text
> >> 2. Provide a Header for navigation when there is no text on the
> >> visual screen.
> >> 3. Provide a Label for a form field when there is no text on the
> >> visual screen.
> >>
> >>
> >>
> >>