The perfect link - Deepstash
What’s in a link, anyway?

The link, these tiny things that we use in many places, in a sentence, as a nav link or even embedded in a call to action; but the common purpose between them are thus clic...

STASHED IN:

13

The perfect link

a11y-collective.com

STASHED IN:

0 Comments

Open in a new window or a new tab?

the best thing is to give users control rather than making decisions for them. A browser’s standard (default) behaviour is always the most predictable and is what users expect.

That said, it’...

STASHED IN:

12

The Golden Rule

Compare these two sentences:

  • Click here to learn more about the Wadden Sea.
  • Lea...

3

STASHED IN:

12

Linking to an e-mail address or a telephone number

Compare these two ways of linking:

  • Please don’t hesitate to e-mail or to ca...

1

STASHED IN:

12

Linking to a file

How do you link to a file to be downloaded such as a PDF, a restaurant menu or a fact sheet, let’s say

Compare these two ways of linking a document:

  • WebAIM Quick Reference:

1

STASHED IN:

10

Embedding an image in a link

In some cases we want to add an image as a link and to be satisfied with the accessibility's aspect we will add some alt text that will describe our image.

but there is a tiny issue that will...

STASHED IN:

9

When to underline a link?

Underlining is the universal pattern for a link. Users get it right away. So use this pattern for links in paragraphs of text.

Links that are obviously links, such in navigation menus, don’t ...

STASHED IN:

7

Design tips for links
  • Make links large enough, and include enough space between them and other links, so they are easy to click for a visitor with Parkinson’s disease or rheumatism.
  • Make sure the colour-con...

STASHED IN:

4

Semantics matters

To make sure a link will work properly, use an <a> element, with an href containing a url. That way, all devices will know how to operate the link. Keyboard interactions, hover and focus, def...

STASHED IN:

3

Giving It A Name

Screen readers announce the content on a website, so there must be actual content to announce, in the form of text: an “accessible name”, as it is called.

There are several ways to add the ac...

STASHED IN:

3

Internal links

To jump to a different point on the same webpage. That’s convenient for the visitor, who can skip large parts of the page and go straight to the content they’re interested in.

But take care t...

STASHED IN:

1

Deepstash helps you become inspired, wiser and productive, through bite-sized ideas from the best articles, books and videos out there.

GET THE APP: