The Web Content Accessibility Guidelines (WCAG) 2.4.4. states that the purpose of each link should be determined from the link text alone, or from the link text and its context. URLs should be masked with text that succinctly communicates to the user what they will view if they visit the link.
Who can use this feature?
- Do not mask links with sensory language (i.e., “click here for instructions” or “find more information below”)
- Re-word “Click Here” language by referring directly to the item being linked. For instance, instead of “Click here to view the full meeting minutes,” change the link text to “View the full meeting minutes.”
- Replace directional language such as “View the document linked to the right” or “View the graph to the left.”
- Navigate to the page and ensure that Live Edit Is On
- Click inside the Editor Widget
- To create link text from the start, click the Link tool
Note: If there is an existing text that you want to turn into a link, highlight the text, and then click the Link tool.
- Note: If there is an existing text that you want to turn into a link, highlight the text, and then click the Link tool.
- Fill in the information fields
- URL: Enter the destination URL for the link
Text: Add the linked text
- Note: Change the text to comply with WCAG 2.4.4. and alert users to the purpose of the link.
- Open in new tab: Select to open the link in a new tab (Recommended for external links)
Note: To mask an email, put mailto: followed by the email address as the URL
- Example: mailto:email@example.com
- Click Insert
- View the link text
- Click the green checkmark to save and exit the Editor
- Click Save at the top of the page
- If you would like to link to a document rather than to another webpage, use the article: Link to a Document as these steps are different.