Loyola Support Documentation

Making links accessible

Updated on

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.

accessible and inaccessible table examples

Above is an image displaying two tables.

  1. For tables 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 without a corresponding Item number, someone using assistive technology (such as a screen reader) might not be able to discriminate between links.
  2. The second example shown would be more accessible. Each link is labeled with its corresponding item and contains 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.

For every HTML web link that contains only an image and no text 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 making images more accessible, see Making images more accessible.

Assistive technology users benefit from knowing what type of file 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)