Make Link Purpose Clear from Text or Context
Why It Matters
Screen reader users often navigate by listing links out of context. Vague link text like “Click Here” provides no information about the link’s destination when heard in isolation. Users with cognitive disabilities benefit from clear, descriptive links. Users navigating via keyboard or voice also benefit from understanding where a link will take them before activating it.
Fixing the Issue
Write link text that clearly describes the destination or purpose of the link. For example, instead of “Click Here,” use “Read our Q3 Financial Report.” If using “Read More,” ensure the surrounding sentence or heading clearly identifies the topic. Use the aria-label or aria-labelledby attributes to provide a more descriptive accessible name if the visible link text must remain brief for design reasons, but descriptive visible text is generally preferred.
Good Code Example
These links clearly indicate their destination:
-
<h2>Integrating Accessibility Compliance Into Your Budget<p>A Practical Guide for Healthcare Leaders Navigating the New HHS Ruling <a href="/integrating-accessibility-compliance-into-your-budget/">Learn More</a> </p><a href="/wp-content/uploads/Integrating_Accessibility_Compliance_Into_Your_Budget.pdf" aria-label="Download eBook (PDF, 2MB)"> Download </a><a href="/integrating-accessibility-compliance-into-your-budget/">View details for what you'll learn in this eBook</a></h2>
-
Integrating Accessibility Compliance Into Your Budget
A Practical Guide for Healthcare Leaders Navigating the New HHS Ruling Learn More
Download View details for what you’ll learn in this eBook
Bad Code Example
These links use ambiguous text without sufficient context:
-
<p>To learn more about our monitoring and maintenance, <a href="/accessibility-services/accessibility-monitoring-and-maintenance/">click here</a>.<ul> <li>Entrust your digital accessibility remediation... <a href="/accessibility-services/full-service-website-remediation/">Read More</a></li> <li>Centralize and organize your in-house... <a href="/accessibility-services/self-service-website-remediation/">Read More</a></li> </ul><p>Download eBook: <a href="/wp-content/uploads/Integrating_Accessibility_Compliance_Into_Your_Budget.pdf">PDF</a></p></p>
-
To learn more about our monitoring and maintenance, click here.
- Entrust your digital accessibility remediation… Read More
- Centralize and organize your in-house… Read More
Download eBook: PDF
