Links

Say goodbye to https://

How are you sharing links with your students? Whether you’re providing a link to an article, website, YouTube video, book (you name it), let’s say goodbye to copying and pasting ugly long links!

Mistakes were made… with links

Why ugly long links are a mistake.

Have you ever given students links like this?

Besides being visually nauseating, pasting full links in your instructional materials can cause major challenges for students that rely on screen readers.

Screen readers will actually read the entire link out loud to a student. That means that this:

Sounds like this to a student using a screen reader:

All that to say, we need to avoid pasting ugly long links.

 Why “CLICK HERE” is a mistake.

Another common mistake is hyperlinking our links to variations of “here”, “click here”, “go here”, or “read more”. For example: “Learn more about making accessible PowerPoints by going here.

While this seems like a step in an accessible direction, it actually creates several issues:

  • It presupposes that the student has a device to click with. A student that relies on a screen reader is not using a mouse.
  • Too many “click here[s]” doesn’t allow the student to differentiate between the links. For example: Click here, here, and here to learn about PowerPoints, Word documents, and images.
  • “Click here” is a useless description when taken out context. Those relying on screen readers will not know where the link leads and if it’s the content they’re look for.
    A screen reader provides a summary list of links that are on a page. The student can go through the list of links and click on the one they are looking for. Watch the video to see what happens when we use, “click here” language.

Descriptive links are your solution. 

What are descriptive links?

A descriptive link is a link embedded in descriptive text. The goal is for the linked text to make sense out-of-context.

 

Compare descriptive links and inaccessible links.

This video illustrates the comparison of inaccessible and accessible links (descriptive links) side by side using NVDA, a screen reader with Chrome browser.

How to write descriptive links.

A descriptive link should incorporate the media type and a description of the content.

FOR EXAMPLE: Visit the webpage on the emperor penguin.

 The hyperlinked text describes where the link leads (a webpage) and the content at the link (emperor penguins). The linked text makes sense out-of-context – “webpage on the emperor penguin”.

Use descriptive links to introduce any type of linked media (e.g., websites, books, articles, PowerPoints, videos). See further examples below:

Before & After PowerPoint Slide

Before ADA Best Practice

After ADA Best Practice

Before & After Course Shell Page

Before ADA Best Practice

After ADA Best Practice

Any Questions?

Contact Us 2
Skip to content