WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible external links

for

From: Marc Solomon
Date: Nov 24, 2015 2:00PM

It looks like some CSS magic was used to add this text off screen. Here is an excerpt of the CSS:

article a[href^="http:"]::after, article a[href^="https:"]::after {
content: " - External link";
left: -10000px;
position: absolute;
top: auto;
}

Marc

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Ócsvári Áron
Sent: Tuesday, November 24, 2015 3:41 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: [WebAIM] Accessible external links

Hello,
I noticed that on Webaim website, NVDA announces external links. I'd
like to use the same method on my website, but I didn't find any code
about it in the website source. How does it work? Does anyone who can
show me an example?
Thanks for your help!
regards,
Aron