Links

Hyperlink text should provide a clear description of the link destination or function. It is not recommended to use a webpage address, or phrases like "click here" and "read more" as hyperlink text.

Bad Example

The following example illustrates several problems:

  • The first link text contains a full webpage address, which does not provide clear information about the link's destination or function.
  • The remaining links contain identical text. This can pose a problem when screen reader users navigate the page by accessing a list of links.

The following quote is from The Jungle Book by Rudyard Kipling. You can read this book free of charge on https://www.gutenberg.org/files/236/236-h/236-h.htm

A black shadow dropped down into the circle. It was Bagheera the Black Panther, inky black all over, but with the panther (read more) markings showing up in certain lights like the pattern of watered silk. Everybody knew Bagheera, and nobody cared to cross his path, for he was as cunning as Tabaqui, as bold as the wild buffalo (read more), and as reckless as the wounded elephant (read more). But he had a voice as soft as wild honey dripping from a tree, and a skin softer than down.

— The Jungle Book, by Rudyard Kipling

Good Example

This example replaces a long unreadable URL in the first link with a meaningful description. Although the remaining links contain identical text, detailed information about each link is provided through 'aria-label' attribute.

The following quote is from The Jungle Book by Rudyard Kipling. You can read this book free of charge on Project Gutenberg.

A black shadow dropped down into the circle. It was Bagheera the Black Panther, inky black all over, but with the panther (read more about panther) markings showing up in certain lights like the pattern of watered silk. Everybody knew Bagheera, and nobody cared to cross his path, for he was as cunning as Tabaqui, as bold as the wild buffalo (read more about buffalo), and as reckless as the wounded elephant (read more about elephant). But he had a voice as soft as wild honey dripping from a tree, and a skin softer than down.