Difference between revisions of "Make links accessible"

From EdTech Help
Line 18: Line 18:
Example: essay (MS Word), report (PDF), presentation (MS Powerpoint)
Example: essay (MS Word), report (PDF), presentation (MS Powerpoint)
== Quick Check: Sakai's Accessibility Checker ==
{{Template:Quick Check-Sakai's Accessibility Checker}}

Latest revision as of 20:00, 30 August 2021

Assistive technology users use link lists to navigate content. This means they cannot rely on context to tell what a link does. Each link needs to be uniquely descriptive of what it does. The best place to uniquely identify a link is in the link text. Good examples are: "View Assignment 34," "Visit Entomological Society of America," etc.

Use Unique and Descriptive Link Text

Use Unique and Descriptive Link Text.png

Above is an image displaying two tables.

  1. In lists where each item has several links associated with it, the temptation would be to create a table like the first example shown above. It contains three rows, each containing an Item where you can click a link to Vote for the item or Delete it. Because each item only has Vote and Delete for the links, someone using assistive technology, such as a screen reader, might not be able to tell for which item they're voting.
  2. The second example shown would be better, if a bit verbose. Each item's links contain all the information you need to know to select them: Vote on Item 1, Delete Item 1, Vote on Item 2, Delete Item 2, etc.

Add Alternative Text for Image Links

For every HTML web link embedded into the Rich Text Editor that contains only an image and no textual content, concise and descriptive alternative text is mandatory. The alternative text should describe the purpose of the link (e.g., the "destination" that the user will be taken to upon activation of the link). For more information on adding alternative text to an image, see Make images more accessible.

Identify File Types in Links to Downloadable Files

Assistive technology users will benefit from knowing what type of file it is they are downloading. When you link to a file in the Rich Text Editor, include the information in the link text.

Example: essay (MS Word), report (PDF), presentation (MS Powerpoint)

Quick Check: Sakai's Accessibility Checker

Accessibility Checker 1.png

You can double-check the accessibility of content added in the Rich Text Editor by clicking the Check Accessibility icon.

More questions about Accessibility?

SAKAI logo2021.png

This page is adapted from an equivalent Sakai Community help article.

The original Sakai Community help article, unedited, is available at https://sakai.screenstepslive.com/s/sakai_help