Skip to Main Content
Main Library & McBay Science Library
Display of Opening hours
Hours
Main Library 7:30am – 2:00am
Circulation Desk 7:30am – 2:00am
Digital Humanities Lab 7:30am – 2:00am
Interlibrary Loan Office 8:00am – 5:00pm
Reference Desk 9:00am – 10:00pm
All Library Hours

STEM Self Training

Accessibility Links

Checklists for designing:
Making PDFs from Word Documents
  • Microsoft Training 
    • Bite size videos with tips about accessibility in Microsoft Word.
  • WebAIM Guide 
    • ​​​​​​​Accessibility tips for Microsoft Word
  • WebAIM Guide 
    • ​​​​​​​​​​​​​​How to save your Word file as a PDF and retain accessibility
Inaccessible

Typically an image-only PDF where the document is scanned and saved as a PDF.

  • Example 1 - Yeats: A scanned document
  • Example 2 - A World of Love: Appears to be accessible but you are unable to select or copy the text, thus it is also an image PDF.
Partially Accessible (Untagged)

Document has been created by using the print to PDF option; the Adobe Printer; or a non-Adobe PDF converter.

  • Example 1 - Letter: Simple, one column text documents are typically usable with this level of accessibility.
Accessible

Tags are implemented to identify sections of document, reading order, images, etc. The document is accessible for assistive technologies, smartphones, e-readers, and mobile devices.

  • Example 1 - Brochure for an online course: This document is tagged to ensure it can be read correctly when the text is re-ordered (see Verify Accessibility of PDF).
  • Example 2 - Adobe PDF Manual: Bookmarks have been implemented to allow for easy navigation.
Resources & More Training

LibWizard Tutorial Tips

Kaltura
  • To make Kaltura videos size responsive, you have to use this toggle and then delete "Max width" from the code in Libapps -  or choose "maximum player size 1280x720" when generating embed code:

Youtube
  • You can make Youtube embed code videos size responsive by just deleting the height and width code. If at first it doesn't work, make the frame the size you want, then go into the widget settings and save again and it should work. See this video to see what I mean: 

 

Juxtapose
  • Juxtapose allows you to compare/contrast 2 images in an embeddable tool. You can even save images with transparent backgrounds. Go to the link to try an example.
  • I used ChatGPT to edit the Juxtapose code to make it responsive in terms of size.
  • This is what I typed: "make this code responsive size height"

  • This was the code it made:

<div style="position: relative; padding-top: 56.25%; overflow: hidden;">
    <iframe frameborder="0" class="juxtapose"
            style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
            src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=c38ece82-3ebe-11ef-9396-d93975fe8866"
            allowfullscreen>
    </iframe>
</div>

eLC Embedding

 

Code to change the size of the hotspot:

.hotspot-ring {
height: 30px !important;
width: 30px !important;
}
.hotspot-solid{
height: 30px !important;
width: 30px !important;
}

Stop GIF from looping