Adding and Editing Hyperlinks

Document Accessibility Course > Accessible Hyperlinks

Video

Guide

Adding and Editing Hyperlinks

This video will walk you through adding and editing accessible hyperlinks.

Objectives

  • Identify how to add and edit Hyperlinks.

Introduction

The process for adding and editing Hyperlinks is the SAME in the Windows and Mac versions of Word and PowerPoint. There are some differences between the Windows and Mac user interfaces—

Screenshot of the Windows "Edit Hyperlink" user interface.

Screenshot of the Mac "Edit Hyperlink" user interface.

—but these differences do NOT impact the process.

Adding Hyperlinks

I'll open up a new PowerPoint for Mac presentation to demonstrate how to add Hyperlinks.

Adding a Hyperlink with a URL

If I type (or copy and paste) text that ends in a URL into PowerPoint or Word

[text is pasted into the document: "Saqib, a core Microsoft developer who lost the use of his eyes at age 7, is featured in this video: https://www.youtube.com/watch?v=R2mC-NUAmMk"]

—and hit Space or Enter, the URL will become a Hyperlink. As I mentioned in a previous video, it is best to avoid using the full text of a long URL as the linked text.

Screen Reader Software demonstration

If I navigate to this link using the NVDA screen reader software, it will read the URL, but with no context:

[NVDA speaks]

"Link: https://www.youtube.com/watch?v=R2mC-NUAmMk"

Adding a Hyperlink with Existing Text

To fix this issue I'll create a Hyperlink from existing document text. I'll copy this example and switch to Word for Mac to demonstrate how to do this. First I'll paste in my example. Then I’ll cut the video's URL to remove the current Hyperlink. I will use the existing text—"this video"—for a new Hyperlink.

mac and windows instructions

To create a Hyperlink with document text in Word for Mac (and Windows):

  1. Highlight and right-click the document text.

  2. Select Hyperlink (Link on Windows) from the menu.

    Screenshot of the right-click menu with "Hyperlink" select, on Mac.

    Screenshot of the right-click menu with "Insert Link" selected, on Windows.

  3. Type (or paste) the URL into the "Address" field.

    Screenshot of the "Address" field higlighted on the "Insert Hyperlink" dialog, on Mac.

    Screenshot of the "Address" field higlighted on the "Insert Hyperlink" dialog, on Windows.

  4. Click "OK".

You can also press Command + K (Control + K on Windows) to add a Hyperlink.

Editing Hyperlinks

Now I have some new linked text. But I also have a problem. The linked text“this video”is not very specific or descriptive. It does not adequately convey the function of the Hyperlink. I'll address these issues by changing this text.

mac and windows instructions

To edit linked text in Word for Mac (and Windows):

  1. Right-click the Hyperlink.

  2. Select "Edit Hyperlink" from the menu.

    Screenshot of "Edit Hyperlink" selected on the right-click menu, on Mac.

    Screenshot of "Edit Hyperlink" selected on the right-click menu, on Windows.

  3. Change the text in the "Text to Display" field.

    Screenshot of the "Text to Display" field highlighted on the "Edit Hyperlink" dialog, on Mac.

    Screenshot of the "Text to Display" field highlighted on the "Edit Hyperlink" dialog, on Windows.

  4. Click "OK".

Command + K (Control + K on Windows) will also open the Edit Hyperlink dialog.

Screen Reader Software demonstration

I've changed the linked text from "this video" to "this video about the Seeing AI project". NVDA now reads:

"Link: this video about the Seeing AI project"

Hyperlinked Images

In Word and PowerPoint, when an image (e.g., Picture, Chart, etc.) is used to create a Hyperlink, the alternative text for that image should present:

  • the purpose of the link
  • the content of the image

Visit the Images section in this course for more information on alternative text.