E-mail List Archives
Re: Accessible external links
From: Marc Solomon
Date: Nov 24, 2015 2:00PM
- Next message: Maraikayar Prem Nawaz: "Re: Fixing WAI's writing styleDoes WCAG require ..."
- Previous message: Ócsvári Áron: "Accessible external links"
- Next message in Thread: Bossley, Pete: "Re: Accessible external links"
- Previous message in Thread: Ócsvári Áron: "Accessible external links"
- View all messages in this Thread
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
- Next message: Maraikayar Prem Nawaz: "Re: Fixing WAI's writing styleDoes WCAG require ..."
- Previous message: Ócsvári Áron: "Accessible external links"
- Next message in Thread: Bossley, Pete: "Re: Accessible external links"
- Previous message in Thread: Ócsvári Áron: "Accessible external links"
- View all messages in this Thread