Every link’s purpose is clear from its text
It’s essential that you make your hyperlinks (usually just called ‘links’) clear and easy to understand.
Users with assistive technology, like a screen reader, often hear all the links on a page to help them find where they want to go. Others may view your website highly magnified, so the user will only see the link text and a few words around it at any one time.
To help your users, your link text alone (the words that are linked, often called ‘anchor text’) must make the link destination clear.
What to do
To comply with this guideline, make sure that for each link on your website:
- The purpose of the link is clear from the link text; or
- If the link is an image, the alt text of the image makes the link purpose clear.
- This Guideline builds on Guideline 2.4.4 by focusing only on the link text and removing some exceptions.
- Ensure that links with the same destination have the same description (but links don’t share a description if they point to different places).
- ‘Click here’ and ‘Read more’ links fail this guideline.
- Avoid using the title attribute (which was an exception in Guideline 2.4.4) as is not sufficient to pass this guideline.
You don’t need to make the link purpose clear if the purpose is ambiguous to all of your users. For example, if I link the word ‘blog’ in the phrase ‘I have a personal blog’ the link might go to my blog, or it might go to a Wikipedia page explaining what a blog is. No user would reliably know where the link goes before they follow the link.
Of course, it’s best to avoid ambiguous links as users should always know where they are going. Although, there are times when you might want to spring a fun surprise on everyone.
Free Developer Resources
Join over 2,000 accessibility fans and get free developer resources like WCAG 2.0 Checklists and a sample from my book.
Over 250 people just like you have learned more about WCAG 2.0 with my guidebook.