When it comes to creating links, the key thing to keep in mind is that the text of the link should make sense outside its immediate context.
Visually impaired users will also be listening to your content, including links, and at times they may jump from link to link to quickly find content.
Insufficiently descriptive links will lead to confusion. Use words and short phrases to describe where the links go and what information they contain.
The following examples illustrate the recommended practices for creating accessible links.
The following are a few of the recommended practices to create accessible links:
Do Not Use Click Here
Such a link is not only ambiguous, but it is also redundant: screen readers will announce the link when the user encounters one. Do not use the non-descriptive words such as "click here" or "this link" in any of your links.
- Bad: For more information about accessibility, click here.
- Good: Read more information about accessibility.
Use Text Rather than URLs
Web addresses are not descriptive and do not make much sense when read by a screen reader.
- Bad: For more information about accessibility, visit https://www.w3.org/TR/WCAG20.
- Good: Visit the W3C website for more information about accessibility.
Keep It Short
Screen readers will read the entire text of a link, so try to keep your link descriptions short and concise. For example:
- Bad: Learn more about how to make your website compliant with the Americans with Disabilities Act (ADA), part of the Rehabilitation Act of 1973.
- Good: Learn more about how to make your website compliant with the Americans with Disabilities Act (ADA), part of the Rehabilitation Act of 1973.