Links Summary

Self-describing links provide context to screen reader users and should explain the destination of the hyperlinked text. The most unique content of the link should be presented first, as screen reader users will often navigate the links list by searching via the first letter.

Overview

Use descriptive hyperlinks to label the destination so it makes sense out of context.

Best Practices

When naming links, consider using the destination site's (or document's) heading one, or heading two as the link name. This provides a direct correlation between the link and its destination.
Craft phrases rather than single words for link text so users with limited motor control (and mobile users) can more easily select links.
Do not use, "Click here" to indicate a web link. This is not considered descriptive, and is ineffective for users of screen readers. Instead, describe where the link will go.
If an image is active, i.e., if the image is inside an anchor element (<a>), then the alternative text should convey the purpose or function of the link.

Creating Self-Describing Links

Write out the link's self-describing text. In the sample below, it is UC Berkeley.
Select the text and then select the "Link" option from the Rich Content Editor
Type or paste the url for the text and select Done when complete.

Reading Check

Use the Reading Check link below to view questions related to this workshop.

Reading Check

Sources

WCAG 2.4.4: Link Purpose (In Context) Level A
Jim Thatcher
Penn State Accessibility
UC Berkeley Web Access
WebAIM