Digital Accessibility 101: Descriptive Links and Headers
Digital Accessibility 101: Descriptive Links and Headers
Ready to see AudioEye in action?
Watch Demo
In this post, we discuss the role that descriptive links and headers play in delivering an accessible browsing experience to every visitor.
Choosing which part of a sentence to hyperlink might not seem like a big deal, but it can have a major impact on someone’s ability to quickly and confidently navigate your website.
For example, a link that reads "click here" surrounded by plenty of context clues (like graphics or supporting text) might be sufficient for sighted users, but it doesn't provide much detail for someone using a screen reader to click between headings or links.
In this post, we explain the importance of descriptive links and headings — and share tips on how you can make your site easier for everyone to understand.
Why Are Descriptive Links So Important for Accessibility?
When it comes to hyperlinks, many organizations default to short, declarative phrases like “click here” or “learn more.”
Although this approach might be good enough for people who can take in all of the surrounding information at a glance, it does little for screen reader users or people with cognitive impairments.
In order to be accessible, hyperlinks should contain clear, descriptive text that tells users exactly what they’ll get — or where they’ll go — by clicking the link.
The Web Content Accessibility Guidelines (WCAG) — the de facto international standard for digital accessibility — even has specific guidance on how to write descriptive link text. WCAG Success Criterion (SC) 2.4.4: Link Purpose (In Context) states that:
"The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general."
Best Practices for Descriptive Links and Headers
- User clear, concise language. For example, a link that reads “Click on this link to discover the latest best practices for writing alt text” can be shortened to “Discover the latest alt text best practices” — without losing meaning.
- Avoid using vague or generic terms, like “click here” or “learn more.”
- Use descriptive terms that accurately reflect the content of the page or section.
- Avoid skipping heading levels or using headings for styling purposes only.
- Make sure that all links to the same destination use the same link text.
- Avoid redundant ARIA roles, which can create a lot of confusion and frustration for users. For example, adding “role=link” to a link tag will cause screen readers to announce the element twice, i.e., “Link Link.”
Get More Tips on Making Your Website Accessible
Of course, it isn’t just screen reader users who can benefit from descriptive links and headers. We’ve also written about the importance of using accessible language — which can support comprehension for people with cognitive or memory impairments.
Want more tips on making your website accessible? Download AudioEye’s Ultimate Guide to Accessible Web Design, which covers everything from alt text best practices and color contrast to site architecture.
Ready to see AudioEye in action?
Watch Demo
Ready to test your website for accessibility?
Share post
Topics:
Keep Reading
The Power of the Disabled Vote in the 2024 Election
Learn about the rising influence of the disabled vote in 2024 and the importance of accessible, inclusive campaigning.
accessibility
November 05, 2024
How to Create Accessible Email and Ad Campaigns
Learn how to ensure your email and ad campaigns are accessible and compliant with accessibility laws and how this boosts your reach and improves the user experience.
accessibility
October 29, 2024
How to Ensure Accessibility in Document Conversion Projects: A Step-by-Step Guide
Learn how to keep digital documents accessible during conversion projects with this comprehensive guide and the benefits of AudioEye’s document remediation services.
accessibility
October 23, 2024