WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Icon instead of text > open in new window

for

From: Birkir R. Gunnarsson
Date: May 15, 2017 12:23PM

The purpose of the title attribute is to convey extra information
about an element.
When that element is a link, I believe that is exactly the information
that would work in the title attribute.
There are many ways to convey information, some ideal, some good enough.
That


On 5/15/17, Jeremy Echols < <EMAIL REMOVED> > wrote:
> I may be wrong, but I think the title attribute would be incorrect.
> WebAIM's notes on titles says they should "NOT be used as a replacement for
> alternative text, form labels, table headers, etc.":
> http://webaim.org/articles/gonewild/#title
>
> If there's an icon conveying important information, I'm of the opinion it
> should be an actual image with alt text, and not a background image.
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf
> Of Birkir R. Gunnarsson
> Sent: Monday, May 08, 2017 7:14 AM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] Icon instead of text > open in new window
>
> Here is my 1.5 cents (opinions are getting cheap).
>
> 1. Notifying users that a link opens in a new window or tab is not a WCAG A
> or AA requiements (as JOnathan already said), so you don't have to worry
> about it from an accessibility compliance perspective, however it is good
> usability to let users know that, even more so when the link opens a video
> or a PDF document (change of user agent).
> 2. If you decide to put an icon on the link that notifies users of this, it
> becomes a WCAG 1.1.1 requirement (because all meaningful non-text content
> need a text alternative).
>
> I recommend using the title attribute on the link to notify users.
> If the image is a background image you can't use an alt attribute anyway.
> If it is an <img> just set its alt to ""
> <a href="#" title="opens in new window">Facebook <span
> icon="external"></span></a> or <a href="#" title="opens in new
> window">Facebook <img src="externalIcon.jpg" alt=""></a>
>
> I agree that, in general, we should leave it to the user.
> The exception is any help content links in a flow (because diverting the
> user away from the flow cane make it difficult for them to return to the
> flow, and will make them less likely to complete the flow).
> I think all help or product links in a checkout flow, for instance, should
> open in a new window or tab.
> I also think all social media sharing icons should open in a new window,
> just because it is such a different task from navigating the website. But
> that is just my personal take and no standard.
>
>
>
>
>
> On 5/8/17, Sophie Ragas < <EMAIL REMOVED> > wrote:
>> Well, I just want to give the user control of how he handles links, so
>> I wouldn´t let links open in new windows at all. Let the user decide
>> if he wants a new window or tab. I thought that that practice was
>> generally recommended?
>>
>>
>> Regards,
>>
>> Sophie
>>
>> 2017-05-08 15:02 GMT+02:00 Patrick H. Lauke < <EMAIL REMOVED> >:
>>
>>> On 08/05/2017 13:49, Sophie Ragas wrote:
>>>
>>>> Hi all,
>>>>
>>>> Just being the devils advocate here: I think that a Facebook-logo
>>>> (or any other well-known site/platform) already implies for sighted
>>>> users they are leaving the website they are currently on.
>>>>
>>>
>>> But the question isn't about external vs internal links, but rather
>>> whether or not the link opens a new window.
>>>
>>> P
>>>
>>>
>>> Regards,
>>>>
>>>>
>>>> Sophie
>>>>
>>>> 2017-05-08 14:31 GMT+02:00 <EMAIL REMOVED> < <EMAIL REMOVED> >:
>>>>
>>>> This works great even on touch devices.
>>>>>
>>>>> Regards,
>>>>> Srinivasu Chakravarthula
>>>>> +91-9900810881
>>>>> Sent on my phone. Excuse typos, if any.
>>>>>
>>>>> On 08-May-2017, at 17:00, Fernand van Olphen <
>>>>>>
>>>>> <EMAIL REMOVED> > wrote:
>>>>>
>>>>>>
>>>>>> Something like this?
>>>>>>
>>>>>> https://www.w3.org/WAI/WCAG20/Techniques/working-examples/
>>>>>>
>>>>> G201/new-window.html
>>>>>
>>>>>>
>>>>>> - Fernand
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>> De disclaimer van toepassing op e-mail van de gemeente Den Haag
>>>>>> vindt u
>>>>>>
>>>>> op: http://www.denhaag.nl/disclaimer
>>>>>
>>>>>> >>>>>> >>>>>> archives at http://webaim.org/discussion/archives
>>>>>> >>>>>>
>>>>> >>>>> >>>>> archives at http://webaim.org/discussion/archives
>>>>> >>>>>
>>>>> >>>> >>>> archives at http://webaim.org/discussion/archives
>>>> >>>>
>>>>
>>>
>>> --
>>> Patrick H. Lauke
>>>
>>> www.splintered.co.uk | https://github.com/patrickhlauke
>>> http://flickr.com/photos/redux/ | http://redux.deviantart.com
>>> twitter: @patrick_h_lauke | skype: patrick_h_lauke
>>> >>> >>> archives at http://webaim.org/discussion/archives
>>> >>>
>> >> >> archives at http://webaim.org/discussion/archives
>> >>
>
>
> --
> Work hard. Have fun. Make history.
> > > http://webaim.org/discussion/archives
> > > > > >


--
Work hard. Have fun. Make history.