Skip to main content
Michigan State University

Accessible Materials

This guide is intended to assist MSU Libraries staff to create videos, handouts, webpages and other materials which are accessible to people with disabilities.

Top Tips for Accessible LibGuides

Benefits

Accessible LibGuides are well structured and follow a logical reading order. This helps users with screen readers access your content. Presenting content in a logical reading order also benefits patrons accessing your guide via the mobile version of LibGuides, which presents content in a single column.

Tips

LibGuide reading order: top to bottom on left, then top to bottom on rightLibGuides are already fairly accessible, but can be made even more so by using these tips:

  • Follow general guidelines for accessible web pages.
  • Logical reading order: screen readers read your LibGuide top to bottom, then left to right (as do users accessing your guide from a smartphone). In LibGuides with two columns, place material in the left-hand column that you want to be read before material in the right-hand column.
  • Use alternate text for images: when you add images and screen shots to your guide, fill out the alternative text box with a quick blurb describing the image. The goal is to allow a person who cannot see the image to get the same information from the description as they would from seeing it. For example, the image on this page is described "LibGuide reading order: top to bottom on left, then top to bottom on right"

Special Topic - Embedding Media in LibGuides

LibGuides and Iframes

When you embed media, such as a video, Google form or search widget into your guide, LibGuides uses a "container" called an iframe to display the media on your page. One way to make iframes more accessible is to add a title, so that the user knows what he or she has encountered on the page.

LibGuides does not automatically assign meaningful titles to iframes, but you can do so yourself when embedding media into your guide. This is a quick bit of text that you will add directly into beginning of the embed code.

Code for you to copy and paste

Paste directly after the word "iframe" at the beginning of your embed code.

title=”replace this text with a descriptive title of your media”

location to embed title code, directly after the word "iframe."

Examples

These examples show the unmediated code, and a more accessible mediated version where a descriptive title was added.

Unmediated

<iframe id="kaltura_player" src="https://cdnapisec.kaltura.com...

Mediated

<iframe title=”Video tutorial answering common questions about SearchPlus” id="kaltura_player" src="https://cdnapisec.kaltura.com...

Accessible LibGuide Links

Michigan State University