WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Best Practice for linking to documents

for

From: Angela French
Date: Apr 11, 2011 4:48PM

Jared - that's something I pulled from my old "code snippets" file. Thanks for the feedback. Since our Contribute users can't get to the code, I need to come up with something easy to implement. I see on Webaim.org this method below where a span tag is used to provide information and hidden of the viewable page. I suppose a similar technique could be used with linking to documents.

<a href="http://www.vischeck.com/vischeck/" title="Link to External Site" class="external">Vischeck<span> - external link</span></a>

/* External links */
a.external span
{
position:absolute;
left:0;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

a.external:link
{
background: url(/media/template/externallink.gif) no-repeat 100% 0;
padding-right: 20px;
}