Guide to LibGuides

More information on http://libguides.csun.edu/accessibility

LibGuides Boxes:

• Do not use the Tabbed box type - it is not ADA compliant

Iframes (including YouTube embeds)

• Add title attribute and element content like this: 

<iframe title=”Video tutorial on finding a book at the University Library”
width="548" height="315"
src="https://www.youtube.com/embed/rWDN64k977o"
frameborder="0" allowfullscreen><a href="https://www.youtube.com/embed/
rWDN64k977o">Video tutorial on finding a book at the University Library</a></iframe>

The anchor element (the link between the opening and closing iframe elements) will be read by screen reader software but not visible to users.

Headings and Lists

• Starting with H3 use headings to organize content in Libguide boxes
• Don't use headings just for appearance.
• Us the list tools for bulleted and numbered lists

Images

• Use the right size -- always check mobile view
• Always include an alt="TEXT" attribute to add the text equivalent in your image. 
• Add descriptive Alternative Text in the image properties box when inserting images
  
• Descriptive alt text should not include the word "image"
• If the image is decorative or does not add meaning to the content, use alt=””

Infographics

• For infographics, provide alternative content adapting the code sampled on our Accessible Infographics page. 
• You can download a code template for the accessible infographics.

Links

• Link text should indicate where the link goes
• Don't use "Click Here" as link text
• Don't use the same link text for do different link destinations

Tables

• Use tables for data only, not for layout
• Data tables need a caption and a header row or column

For Youtube embeds to be ADA-compliant, they need:

1. Appropriate iframe titles
2. Helpful alternative content (i.e. a link) between the <iframe></iframe> tags.

Example Widget:  

How ERIC Can Help You Write a Research Paper

Before:

<iframe width="560" height="315" src="https://www.youtube.com/embed/y5DEBas90JQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

After:

<iframe width="560" height="315" src="https://www.youtube.com/embed/y5DEBas90JQ" title="How ERIC Can Help You Write a Research Paper" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen><a href="https://www.youtube.com/watch?v=y5DEBas90JQ">How ERIC Can Help You Write a Research Paper</a></iframe>

Captioning

• NCOD  captioning services -- you need to sign in with your CSUN User ID (NOT your email like it says on the form).  Allow 6 weeks for processing.
• Youtube captions can be generated automatically and are editable.
• Library Systems may be able to help
• Google Transcribe is a service we are testing
• Make sure captions don’t run over other text on the video -- may require test the video on multiple devices before finalizing

Compliance Sheriff Report, August 1 2018

Show/Hide Infographic Text