WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible external links

for

From: Bossley, Pete
Date: Nov 25, 2015 11:13AM


Another option is to use clipping to hide text.


.visually-hidden {
position: absolute !important;
height: 1px; width: 1px;
border: 0; padding: 0;
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}

<a href="http://blablabla.com/bla" Link Text <span class=visually-hidden>(External Link)</span></a>




Peter Bossley
OCIO Accessibility Analyst
Office of the CIO Enterprise Applications
The Ohio State University

614-292-8571 Office
<EMAIL REMOVED> ocio.osu.edu