Descriptive Hyperlink Text
Hyperlinks are the connections that allow users to navigate between different pieces of digital content. By using descriptive and meaningful link text, you help users understand where a link will take them. This improves navigation and accessibility, making your content more user-friendly.
Key Points to Learn
Links are more than just clickable text. They communicate destination, purpose, and context. A good link helps users decide whether to follow it without needing surrounding text, and it works well for people navigating by keyboard or with assistive technologies.
- Descriptive Link Text: Use link text that clearly describes what the user will find or do, such as “Download the syllabus (PDF)” instead of “click here.” This helps all readers, and is especially important for users who navigate through a list of links.
- Context and Purpose: Make sure link text reflects the action or destination (for example, “Submit your accommodation request” or “UC accessibility guidance”). This helps users quickly decide if the link is relevant.
- Consistency: Use similar link wording for similar destinations. Consistent patterns help users recognize important links and reduce confusion.
Common Mistakes to Avoid
“Click here” and vague labels: Phrases like “click here,” “read more,” or “more info” don’t tell users where they are going. When links are read out of context (for example, in a screen reader’s links list), these labels are not helpful.
Using bare URLs as link text: Long web addresses are hard to read, difficult to say aloud, and give little context. Instead of pasting full URLs, turn them into short, meaningful link text.
Overlinking and clutter: Turning entire sentences or large blocks of text into a single link can be overwhelming. Link only the key words or phrase that describe the destination.
Too many similar links in a row: Stacking several links that all say “learn more” or “details” makes it hard to tell them apart. Make sure each link text is unique or clearly differentiated.
Color only, no other cue: Relying only on color to indicate a link can cause problems for users with color vision differences. Links should also be visually distinct in another way (such as underline or bold) and have sufficient contrast.
Tips for Digital Formats
Use clear, descriptive link text that makes sense out of context, especially for navigation menus, buttons, and calls to action. Ensure links are visually distinct (for example, underlined or styled differently from body text) and have sufficient color contrast.
In documents (such as Word or PDFs), turn URLs into meaningful link text and avoid bare links whenever possible. If you must include the full URL (for print or offline use), place it near descriptive link text rather than using it as the only link label.
In course pages and modules, use links that clearly describe resources or activities (for example, “Week 3 reading: Accessibility in higher education” or “Submit Assignment 2”). Be consistent in how you label similar items across modules so students know what to expect.
Use concise, descriptive links in emails and newsletters so readers can quickly scan and decide what to open (for example, “Register for the accessibility training” instead of “click here”). Avoid embedding multiple different links in a single sentence; break them into separate, clearly labeled links.
In social media, link text and surrounding wording need to do extra work because space and attention are limited. Avoid posting only a bare URL; instead, briefly explain what the link is for so users know what to expect before they tap. If you use a shortened link, make sure the accompanying text clearly describes the destination. When possible, enable link previews or add alt text to preview images so people using assistive technologies also get context.