Compare these two ways of linking:

• Please don’t hesitate to e-mail or to call us.
• Please don’t hesitate to send a message to

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: Web ...

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 clicking a link could:

- Take the user:

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 have to be underlined.

Oh, don't forget to read the image 😘

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 accessible name to a link, for example:

• Use an image or font icon and add the word “Twitter...

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 face our users that suffering from impaired vision when using a screen reader to read this text out...

Compare these two sentences:

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

The first link text is meaningless, you hav...

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, default styling and feedback

• 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-contrast ratio between text and background is at least 4.5:1 and, for the underlining itself at least 3...