Clear & Meaningful Link Text

Accessibility Requirement #8
Last Updated: January 12, 2007
Author: Donald F. Evans

Table of Contents

  1. Priority
  2. Description
  3. More Info
  4. Coding/Best Practices
  5. Testing/QA
  6. Search Engine Optimization (SEO)
  7. W3C Guidelines

Priority:

Required


Short Discription:

Link text MUST make sense when taken out of context. Avoid using text like "click here,", "buy", "more," or "details." Use the headline of a story, or more descriptive or distinct text that conveys where the user will land.

More Info:

Try to imagine you have all the links in list and you are reading them over the phone to a friend. Would your friend understand what “Click Here” means? How about “buy”. The visual user can associate a Buy button next to a camera as buying the camera. The Screen Reader user cannot.


Coding:

Best Practices:
How Does Jaws Handle Link Text?
How to make link text distinct by hiding some text off the screen.
Using the Alt Attribute to create distinct link from images.

Guidelines:


Testing:

Using the AIS toolbar you can select "List Links" from the "Docs Info" menu.

Screen shot shows the menu options for the AIS Toolbar.

The toolbar's results. Links like 2, 3, 4 or 5 are not meaningful.

Screen shot shows the resulting list of link text from the AIS toolbar test.

Using Jaws to test for link text. The Insert+F7 Key to bring up a list of links into a separate window. Unnamed is not a very meaningful link text.

Screen shot shows the Jaws Link List window.


SEO:

Links are indexed by all search engines. It is important they be meaningful and distinct.


W3C:

HTML Techniques for Web Content Accessibility Guidelines 1.0
Link text
Grouping and bypassing links
Keyboard access
Anchors and targets
CSS Techniques for Web Content Accessibility Guidelines 1.0
Text instead of images

Back to top