WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Alert Text


From: glen walker
Date: Nov 13, 2018 4:35PM

Having a visual indicator is nice, whether that's like the first example in
your URL, having the literal text "opens in a new window", or having an
icon of some sort like WebAIM does (see the link to "WCAG guidelines" on
https://webaim.org/articles/gonewild/#compliance). The icon is added via a
CSS background image *and* extra text is added offscreen via the content
CSS attribute. The extra text is similar to the second example in the URL
you posted but it is not made visible when the link receives focus.

I don't know if this is the "best method". That's kind of subjective. And
these solutions aren't necessarily inefficient (you asked if there was a
more efficient approach).

On Tue, Nov 13, 2018 at 2:06 PM JP Jamous < <EMAIL REMOVED> > wrote:

> I was reading this example on how to inform screen reader users that a link
> will open a new window. Is this the best method or is there a more
> efficient
> method using CSS?
> http://www.w3.org/TR/WCAG20-TECHS/G201.html