Our Accessibility Info Bites series offers a visual and practical guide to creating inclusive digital experiences. In this article we unpack what makes a link accessible, from using descriptive language to using concise link text. Whether you’re designing, writing, or testing, this quick reference will help you improve access for people with disability and boost usability for everyone.
Download The anatomy of an accessible link (PDF, 1MB)
How to make an accessible link
Links are the backbone of the web, but are yours truly accessible? Here’s how to make sure everyone, including people with disabilities, can navigate your links with ease.
Use descriptive language
Don’t rely on generic phrases like “Click here.” Instead, make sure each link’s purpose is clear, even when read out of context. For example, use “Get access to courses” instead of “Click here.”
Visually differentiate links
Styles can help people understand the link state. You can ensure links are visually distinct from surrounding text by using underlines and contrasting colours. Also add hover effects to indicate interactivity. (Hint: make sure to check the contrast of the different states!)
Identify the link file type
When linking to non-HTML resources, inform people about the file type and size. For example: “Registration form (PDF, 300KB).”
Be informative
Alert people when a link opens in a new window or tab. This prevents confusion and helps people stay oriented. You can use text such as “(Opens in a new window)” to inform the user of the link behaviour.
Combine text and image
Ensure adjacent text and images that go to the same location are combined into one link. For example, a related image next to its text should link to the same page. This prevents screen readers from announcing duplicate links and simplifies navigation.
Avoid exposed URLs
Avoid using URLs as link text and use descriptive text instead. Instead of displaying https://rb.gy/xj9uro, use clear, descriptive link text like “What does a typical week look like as an Accessibility Consultant?” This greatly improves readability and comprehension for everyone.
Use concise link text
Make sure you accurately describe where the link goes without being overly wordy. For instance, if you want to link to your YouTube channel within the sentence, “Start by watching some of our free webinars on the Intopia YouTube channel,” just hyperlinking “Intopia YouTube channel” is ok. No need to link the whole sentence!
Linked images need alt text
If an image is acting as a link and there’s no accompanying text link, it must have descriptive alt text. This alternative text tells people using screen readers where the image link will take them, ensuring they understand its purpose and destination. Without it a screen reader will likely announce the image file name or raw URL.
Loved this Info Bite? Coming soon – The anatomy of an accessible button.
