WebAIR

Does the link text alone describe the purpose of each link? (LNK01)

Why is this important?

There are various ways of letting a user know what a link will do and where it will take them. One of the simplest ways to do this is by describing the link within the actual link text. That way, the link it is self-contained and does not rely on contextual information. This is also beneficial to users of assistive technology, such as screen readers, who will often choose to navigate a webpage by links, moving from one link to the next. By describing the purpose of the link in the link text, it will allow them to easily decide whether to follow the link.

How to fix the problem

Make sure that the text of a link clearly describes the purpose of the link. Avoid using descriptions such as "Click here" or "Read more" which will not make sense out of context. Do not rely on the URI to inform the user as the destination may not always be obvious.

Example

//Link text to avoid
<a href="http://www.news.com">Click here</a>
<a href="http://www.news.com">Read more</a>

//Suitable link text
<a href="http://www.news.com">View today's headlines</a>
<a href="http://www.news.com">Read more about the crisis in Sudan</a>.

Further Information

  1. http://webaim.org/techniques/hypertext/#screen_readers
  2. http://webaim.org/techniques/screenreader/#links
  3. http://www.w3.org/community/webed/wiki/HTML_links_-_lets_build_a_web#Link_wording