Meaningful Link Text

Meaningful Link Text

Meaningful link text helps all readers understand the purpose of a link before selecting it. This is especially important for screen reader users, who may move through a page by tabbing from link to link without reading surrounding text. Good link text is brief, specific, and understandable on its own.

Learning Objectives

By the end of this chapter, you should be able to:

  • Define meaningful link text and explain why it supports accessibility.
  • Identify examples of vague or unhelpful link language.
  • Revise link text so it is concise, descriptive, and understandable out of context.
  • Avoid redundant links that send users to the same destination.
  • Avoid using raw URLs as link text.

Key Terms

  • Meaningful link text: Link wording that clearly describes the destination or purpose without requiring surrounding context.
  • Raw URL: A web address displayed as text (for example, https://example.com) instead of descriptive link text.
  • Redundant links: Multiple nearby links that go to the same destination and create repetition.
  • Screen reader: Assistive technology that reads digital content aloud and supports navigation.

Chapter Overview

This chapter explains why meaningful link text matters for accessibility and usability. You will review examples of unclear and effective links, examine how redundant links can create barriers, and apply practical guidelines for writing accessible links.

Why Meaningful Link Text Matters

Screen reader users may navigate a page by moving from one link to the next. When links are labeled with vague phrases such as Click here, More information, or Read more, the destination is unclear. Descriptive link text helps readers decide whether a link is useful before opening it.

Accessibility Check

Link text should make sense when read by itself. Avoid writing links that depend on surrounding sentences for meaning.

Examples of Unclear Link Text

The following examples show link text that is too vague when read out of context.

  • Click here to see today’s weather.
  • More information about web accessibility.
  • Read more about building websites in Drupal.

Examples of Clear, Descriptive Link Text

Avoid Using Raw URLs as Link Text

Raw URLs are often long, difficult to read, and not meaningful when announced by a screen reader. When a screen reader encounters a raw URL, it may read each character or segment aloud, making the link harder to understand.

Examples of Poor Link Practice

Improved Version

Tip

Use descriptive phrases instead of displaying full web addresses. The link text should describe the destination or purpose of the link.

Avoiding Redundant Links

Redundant links occur when nearby elements link to the same destination. This can create repetition for screen reader users and reduce usability.



Golden Gate Bridge
Single combined link using image and caption text. Note. Screenshot by author for instructional demonstration. The image uses empty alt text because the linked text provides the accessible name for the entire link.

In this example, the image uses empty alt text because the visible linked text provides the accessible name for the entire link. This avoids duplicate announcements.

Example HTML Pattern

<a href="https://example.com/golden-gate-bridge">
  <img src="goldenGateBridge.jpg" alt="" />
  <span>Golden Gate Bridge</span>
</a>

Instructor Note

Use empty alt text only when nearby linked text provides the same information as the image.

Guidelines for Writing Accessible Links

  • Write link text that is meaningful on its own.
  • Keep link text concise.
  • Avoid phrases such as click here or link to.
  • Avoid displaying raw URLs as link text.
  • Use the destination, topic, or action as the link text.
  • Avoid multiple links to the same destination placed close together.

Chapter Summary

Meaningful link text improves navigation, clarity, and accessibility. Avoid vague phrases and raw URLs, and ensure that links clearly describe their purpose. Reducing redundant links also improves usability for screen reader users.

Key Takeaways

  • Accessible links clearly describe their destination.
  • Vague phrases such as click here should be revised.
  • Raw URLs should not be used as visible link text.
  • Link text should be concise and specific.
  • One well-structured link is better than multiple redundant links.

Review Questions

  1. Why is meaningful link text important for screen reader users?
  2. What problems can raw URLs create for accessibility?
  3. How can you revise a vague or URL-based link?
  4. What is a redundant link?
  5. When is it appropriate to use empty alt text?

Practice Activity

Review a page you have written. Identify at least three vague or URL-based links and revise them so they are meaningful on their own. Then check for redundant links and combine them where appropriate.

Further Reading

Licenses and Attribution

CC Licensed Content, Original

This educational material includes AI-generated content from ChatGPT by OpenAI. The original content created by Josh Hill, Neida Abraham, and Emiliana Olavarrieta from Hillsborough College is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0).

All images in this textbook generated with DALL·E are licensed under the terms provided by OpenAI, allowing their use, modification, and distribution with appropriate attribution.

Third-Party Platforms and Interfaces

This chapter includes examples and screenshots of third-party websites and linked web content for purposes of instruction, commentary, and accessibility training. These examples are used to document accessible linking practices and remain subject to the terms, policies, and rights associated with the respective platforms.

Standards and Guidance

This chapter discusses meaningful link text, raw URLs, and redundant links and refers readers to higher education accessibility guidance, WebAIM recommendations, and W3C guidance on link purpose.

References

Other Licensed Content

Write more accessible link text
Pope Tech
License: Standard YouTube License.

License

Icon for the Creative Commons Attribution-NonCommercial 4.0 International License

Digital Accessibility for Teaching and Learning: A Practical Guide for Higher Education by The authors & Hillsborough College is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License, except where otherwise noted.

Share This Book