Tag Archives: links

On Link Underlines | Adrian Roselli

It is amazing to me how this suggestion causes so much angst and fighting. Designers often argue that they look ugly, some users claim they are distracting, others even claim they reduce accessibility.

I’ve tried to gather some information here to allow you to make your own judgment, which may or may not end up matching mine. If you understand the resources I provide and still do not agree, that is fine. However, if you understand the resources I provide then I suspect you will at least style links in a way that makes them usable.Remember, this is for addressing how links are styled in the body of a page, the narrative content, where they sit among blocks of unlinked text. Not navigation, not footers, not page controls, etc.

Fair warning, this is a lengthy post. I’ve broken it into six sections:

Academic Research
Other Sites
Styling Options

Curated by (Lifekludger)
Read full article at Source: On Link Underlines | Adrian Roselli

Links and accessibility – AccessibilityOz

An extract of this article appears on Sitepoint called ‘Making Accessible Links: 15 Golden Rules for Developers‘.

Introduction – Links.

It’s a lot more than just avoiding “click here”. And, to my eternal shame, WCAG2 even allows “click here” as a valid technique for link text (see Example 1 in Technique G53). WCAG2 is all about providing context for the link – it doesn’t matter what the link text is, as long as it makes sense in conjunction with its heading, enclosing list item, enclosing paragraph, enclosing table cell or enclosing sentence. It’s only once you get up to Level AAA do you need to make sure the link text itself provides the appropriate contextual information.I disagree.

Screen reader users have limited ways to easily navigate and scan a page. One of the most common techniques is to pull out a list of links (and the link text only, no enclosing sentence, paragraph etc) and determine the content of the page and where to go from there. Alternatively, screen reader users scan a page by tabbing from link to link (without reading the text in-between). With a bunch of “Click here to download the annual report” and “More on boating”, these techniques are useless.Link text becomes a serious issue once you start talking about mobile and tablet sites. There are two well-known sets of guidelines with regards to mobile accessibility: the W3C Mobile Best Practices and the BBC’s Mobile Accessibility Guidelines.

Curated by (Lifekludger)
Read full article at Source: Links and accessibility – AccessibilityOz

Accessible media preview from CSUN 

The annual International Technology and Persons with Disabilities Conference (commonly known as CSUN) starts on 21 March in San Diego, California.

This year there is significant coverage around accessible media. Media Access Australia’s CEO, Alex Varley, previews some personal highlights.

A detailed program of the presentations covering technology for disabled people is on the CSUN 2016 website(link is external).

Curated by (Lifekludger)
Read full article at Source: Accessible media preview from CSUN | Media Access Australia

Why Your Links Need a Hover Effect – UX Movement

Links contain text, but they should never look like text. When users read a web page, they need to be able to distinguish what’s clickable. If your links don’t have enough contrast, users could miss them.Color is Not Enough for the Colorblind

Most sites make their links a different color from their text. But that’s not enough contrast for colorblind users. The difference in color is hard for them to see. Colorblind users have to rely on their cursor change (arrow to hand) as feedback.

A hover effect can give them a clear signal to see what’s clickable. When users move their cursor over a link, they’ll notice a change in color or shape that tells them to click. This prevents them from missing links.

curated by (Lifekludger)
Read full article at Source: Why Your Links Need a Hover Effect – UX Movement

“Learn More” Links: You Can Do Better

Summary: The phrase ‘Learn More’ is increasingly used as a crutch for link labels. But the text has poor information scent and is bad for accessibility. With a little effort, transform this filler copy into descriptive labels that help users confidently predict what the next page will be.

Some trends are subtler than others. Much like low-contrast text, the use of Learn More as a standalone link label has been quietly trending. The web now has an abundance of links with this generic label, largely tacked on to information of secondary or tertiary importance. (A Google search finds 1.4 billion instances of this term, though some admittedly might be from proper use of the term in general content.) Typically, these links are placed after a short paragraph that briefly introduces a topic, feature, or service, so that the Learn More points the visitor to the detail page. Usually, these links are not the main calls to action on the page, which partly explains why this copywriting detail doesn’t get as much attention or A/B testing as other calls to action.

Most of you have surely seen this pattern. Below is an example of what we’re talking about:

Curated by (Lifekludger)
Read full article at Source: “Learn More” Links: You Can Do Better

Why Your Links Should Never Say “Click Here” – Smashing Magazine

Have you ever wanted your users to click a link but didn’t know how to get them to act? When some designers run into this problem, they’re tempted to use the words “Click here” on their links.

Before giving in to the temptation, you should know how using these words on a link can affect how users experience your interface. Not to mention that having proper link titles is a major accessibility requirement since the term ‘click’ is irrelevant to many assistive technologies and isn’t descriptive enough for screen readers.

Curated by Lifekludger, view complete article at Source: Why Your Links Should Never Say “Click Here” – Smashing Magazine