E-mail List Archives
Re: Accessible external links
From: Chaals McCathie Nevile
Date: Nov 29, 2015 7:07PM
- Next message: Chaals McCathie Nevile: "Re: real-world accessible data visualization?"
- Previous message: Chaals McCathie Nevile: "Re: Web Accessibility For Notetakers"
- Next message in Thread: None
- Previous message in Thread: Bossley, Pete: "Re: Accessible external links"
- View all messages in this Thread
Or just to have something visual indicating that the link is external.
This is one of the things that wikis often get right...
cheers
On Thu, 26 Nov 2015 04:13:16 +1000, Bossley, Pete < <EMAIL REMOVED> >
wrote:
> 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
>
>
>
- Next message: Chaals McCathie Nevile: "Re: real-world accessible data visualization?"
- Previous message: Chaals McCathie Nevile: "Re: Web Accessibility For Notetakers"
- Next message in Thread: None
- Previous message in Thread: Bossley, Pete: "Re: Accessible external links"
- View all messages in this Thread