LXD Style Guide

iPD’s Guide for Course Design & Development

Hyperlinks

Standard

The standard with which Michigan Virtual courses need to comply. 

A mechanism is available to allow the purpose of each link to be identified from link text alone, except where the purpose of the link would be ambiguous to users in general.

Alignment

WCAG 

WCAG 2.1 AAA 2.4.9 Link Purpose (Link Only)

 

Requirements 

What exactly do course developers need to include in order to comply with this standard? 

Michigan Virtual courses must comply with the following practices related to hyperlinking:

  • Hyperlinks should be written using descriptive link text. This means that the purpose of the link can be determined from the link text alone and a user would not need to rely upon additional context to determine the purpose or function of a link. Link text is the text that appears on a hyperlink. For example, in the hyperlink WCAG 2.1 AAA 2.4.9 Link Purpose (Link Only), the link text is highlighted in blue and underlined (i.e., WCAG 2.1 AAA 2.4.9 Link Purpose (Link Only)).
  • If the hyperlink takes users to a webpage or document, the name of that webpage or document will likely be sufficiently descriptive. A developer can also choose to write their own descriptive link text instead of using the name of the webpage/document (and in fact, this will be required if the name of the webpage/document is itself not sufficiently descriptive, e.g., “Doc1.pdf”).
  • If a link opens in a new window or leads to a specific document type, that should be indicated in the link text.
  • The word “link” can be excluded from the link text. A screenreader will already announce to a user that a link is a link, so adding the word link to the link text will create a redundancy (e.g., “Link: link to FERPA”).
  • Examples
  • Link text like “Click here” or “Read more” is not sufficiently descriptive because a user would not be able to tell the purpose or function of those hyperlinks from the link text alone (i.e., they would not be able to tell why they should click here or where they’ll be directed when they do so).
  • Using the URL of the hyperlink as the hyperlink text should also be avoided. This is also the case for citations. 
  • More information can be found at Understanding SC 2.4.9: Link Purpose (Link Only)

 

Implementation 

How can course developers implement this standard? What is the process for doing so?

  1. When adding hyperlinks to any newly generated content, ensure that the link text is written in a descriptive manner. This description should be sufficiently descriptive for a user to understand the purpose of the link or where the link will take them. 
  2. When reviewing content, ensure that hyperlink link text is written in a descriptive manner. Where this is not the case, remediate the link text to be more descriptive.

 

Resources

What resources would help a developer implement this standard appropriately?