W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > January to March 2018

Re: Differentiating links from normal text

From: Userite <richard@userite.com>
Date: Sun, 28 Jan 2018 00:38:44 -0000
Message-ID: <177D97EE579F4DAE9C74AF08781B112F@RichardPC>
To: "Subramanian, Poornima \(PCL\)" <psubramanian@hagroup.com>, <w3c-wai-ig@w3.org>
Hi Poornima,
There definitely needs to be some TEXTUAL differentiation if the link text is within a text part of the page, you must not rely simply on a change of colour.  – However if the link is part on a clearly defined navigation menu it does not need textual identification because the context already makes it clear that it is a link.  

So for your problem you need to decide if the list of links is obvious from its context.  If your page says something like “Here is a list of links to useful info” and is immediately followed by a numbered or bulleted list then you could probably get away without the need to underline the text in each list item.  Your designer is probably correct in saying that a block of underlined list items looks too cumbersome.  To be safe though I would suggest that you underline the call to action but leave the rest of the link text not underlined.

Another option is to include an HTML arrow at the end of the link (try &#187; or &raquo; )

Clear  identification of link text is essential for WCAG compliance.

Regards

Richard

www.website-accessibility.com

From: Subramanian, Poornima (PCL) 
Sent: Friday, January 26, 2018 10:10 PM
To: w3c-wai-ig@w3.org 
Subject: Differentiating links from normal text

Hi, I would appreciate any design suggestion regarding “differentiating links from normal text” for the below scenario - 

 

I was aware the WCAG recommendations on the links (i) no use of color alone for links (ii) highlight links in different formatting while in blocks of text

 

In one of our test pages, there is a list of items with each item shows the title, date, a call-to-action button (designed together as a link). Here, the page contain mostly links in the form of list items. 

 

And, the designers think underlining the links will make it look cumbersome visually.

 

Couple of questions – 

 

1.       Any design suggestions on how the links can be differentiated in this example to make it compliant? (e.g. bold, underline the title)

2.      Is underlining or differentiating the links must or nice-to-have for WCAG compliance?

 

Best,

Poornima

 

Accessibility Tester & Consultant

 

The information contained in this email and any attachment may be confidential and/or legally privileged and has been sent for the sole use of the intended recipient. If you are not an intended recipient, you are not authorized to review, use, disclose or copy any of its contents. If you have received this email in error please reply to the sender and destroy all copies of the message. Thank you. 

To the extent that the matters contained in this email relate to services being provided by Princess Cruises and/or Holland America Line (together "HA Group") to Carnival Australia/P&O Cruises Australia, HA Group is providing these services under the terms of a Services Agreement between HA Group and Carnival Australia. 
Received on Sunday, 28 January 2018 13:04:20 UTC

This archive was generated by hypermail 2.3.1 : Sunday, 28 January 2018 13:04:23 UTC