Ensure link text provides enough information so that users can understand the link’s destination or purpose when read out of context.
In some cases screen reader users will navigate from link to link or use a list of all links on a page to find the information they need. Non-specific link text such as Learn More, Read More or similar words and phrases does not provide the user with enough information to find what they need.
Avoid generic link text such as Read More, Click Here, Download, etc.
The URL itself should not be used as link text.
Provide enough detail so people know what will happen when they press the link but don’t overload them with information.
Link text should not include text like “link” or “link to” to inform users that the text is a link. Most screen readers will say “link” before each link.
When using an image as a link the alt text for the image should serve as the link text. Screen readers will announce an image link as a link the same way they would a text link.
Bad Link Text Examples
- Click here for a tutorial on how to use the new Service Request Form.
- Learn more about color and accessibility here and here
- Story 1 (Read More) | Story 2 (Read More)
- Accessibility 101 (Register) | Accessibility 102 (Register)
Good Link Text Examples
- A Tutorial for the new Service Request and Proofing system is available
- Learn more about color and accessibility in terms of contrast and color coding
- Story 1, Story 2
- Register for: Accessibility 101, Accessibility 102,