Difference between revisions of "Make links accessible"

From EdTech Help
(Created page with "{{Template:Accessibility}} {{Template:Sakai Community Documentation}} Category:Accessibility Category:Instructor Category:Sakai 20")
 
Line 1: Line 1:
 +
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 ==
 +
[[File:Use Unique and Descriptive Link Text.png|frame|center]]
 +
 +
Above is an image displaying two tables.
 +
 +
# 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.
 +
#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)
 +
 
{{Template:Accessibility}}
 
{{Template:Accessibility}}
 
{{Template:Sakai Community Documentation}}
 
{{Template:Sakai Community Documentation}}

Revision as of 14:55, 4 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)

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