Descriptive Links
How Links Are Handled by Screen Readers
Most screen readers and talking browsers scan a web page for all the links and then create an alphabetized list of them for the page user. Good link text provides a clear description of where the link will take the user (so the link is understandable out of context from the rest of the page).
Because screen readers typically say "link" before each link, the phrase click here or link is unnecessary, even if it precedes a more meaningful phrase. (We all know what to do with a link, even those of us using screen reader devices. )
Link text that begins with keywords is easier to skim efficiently and works better for alphabetizing. When links begin with nondescriptive words—such as " All about creating accessible web pages Links to an external site." or " Learn how to check the color contrast on a web page Links to an external site. "—skimming is slowed and the alphabetized links list is not useful. A better approach is to use only the keywords for link text: "All about creating accessible web pages Links to an external site." and "Learn how to check the color contrast Links to an external site. on a web page."
While there is no maximum allowable length of link text, keep in mind that long text links are not user-friendly. Alternatively, too short a link (a single letter or very small graphic) can be problematic for users with motor control issues to click. For practical purposes, the descriptive link text needs to be long enough to convey the purpose of the link and no longer.
Avoid Using URLs as Links
In most cases, it's better to use a descriptive phrase rather than the URL. For example, this readable link—Screen Reader Demo Links to an external site.—is more user-friendly (for both sighted users and screen readers) than the URL, which consists of a 43-character link full of numbers, slashes, and text that is not easy to read: https://www.youtube.com/watch?v=q_ATY9gimOM
If the URL is relatively short (such as a site's homepage or a simple email address), the URL may be used as the link text. Another exception is when you're certain the page will be printed; it's helpful to include the URL (though perhaps not as the live link) so the reader will be able to copy it from the printed page into their browser, like this:
Learn more about gladiolus Links to an external site. [http://www.americanmeadows.com/flower-bulbs/gladiolus-flower-bulbs/all-about-gladiolus]
Inappropriate
- Click here Links to an external site. to read the article.
- Be sure to read our academic integrity policy - More Info Links to an external site.
- Article 1 (Read More Links to an external site.) | Article 2 (Read More Links to an external site.)
- Learn more about color and accessibility here Links to an external site. and here Links to an external site.
Check out the three tabs above.
Appropriate
- Read about debunking the myth of voter fraud. Links to an external site.
- Be sure to read our Academic Integrity Policy Links to an external site.
- Article 1 Links to an external site. | Article 2 Links to an external site.
- Learn more about accessibility in terms of color contrast Links to an external site. and color coding Links to an external site.
- Avoid having multiple links with the same descriptive text leading to different destinations.
- Avoid creating multiple links on a page all leading to the same destination.
BONUS TIP
We've all been trained that an underlined phrase represents a link. We recommend NOT using underlining for emphasis in order to avoid confusing your students.
If a link is "internal," meaning it keeps the student within the same Canvas course (for example, going from a module page to a discussion or assignment), the best practice is to have the link go directly to the new page.
If the link is "external," meaning it leads to a website outside of your Canvas course, best practice is to have the link open in a new tab/window. That way the student doesn't "lose their place" in the course if they click around while exploring the new site.
In the new Canvas RCE (December 2020), the External Links option automatically opens a new tab in the browser.
Link Demo
Put It Into Practice
Copy the text below onto a page in Canvas. Edit the link text so it's appropriately descriptive. Feel free to adjust the placement of the link and the surrounding text as needed. (Some of them are little tricky so pay close attention!)
Here's the Canvas Guide for viewing my feedback in the gradebook: https://community.canvaslms.com/docs/DOC-10666-421254359 Links to an external site.
First, please watch the Getting Tech Ready video. (The page offers transcript or audio if you prefer to listen or read instead of watch.) Then complete the Computer Readiness Test.
You have been provided with a free 3C Media Solutions account , courtesy of the Chancellor's Office.
Read about the role and structure of US courts and US Supreme Court procedures here Links to an external site. and here Links to an external site..
Click this link Links to an external site. for a great website about language and culture.
Please be sure to review both main tabs before clicking Next.