Images | Headers | Links | Video | Color | Tables | Copy-Pasting | Non-HTML documents
Alt text is how you convey the content you are trying to share via an image or graphic. Screen readers read this description is then read in the place of an image. The insert image tool in LibGuides provides a space where we can insert this description. (image right)
For best practices on creating alternative text, please consult the links below.
Below the video, you will see a clickable transcript button. This button uses the following code that taps into the built-in Bootstrap Framework without extra javascript required.
<p><a aria-controls="collapse-transcript" aria-expanded="false" class="btn btn-primary btn-sm" data-toggle="collapse" href="#collapse-transcript">Video Transcript</a></p> <div class="collapse" id="collapse-transcript"> <div class="card card-block"> TRANSCRIPT HERE </div> </div>
The Information Life Cycle courtesy of UNLV Libraries on Vimeo.
This video is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 United States license. Courtesy of the University of Nevada-Las Vegas Libraries. Published July 2016.
Here is an example default 3x2 table with a header created within the rich text editor.
State | State Capital |
---|---|
Ohio | Columbus |
Indiana | Indianapolis |
Kentucky | Frankfort |
Source: Boston College LibGuides Accessibility Guide
Hidden style code will be copied along with the content that can break any of the above accessibility tips.
Extra tip: You can also use the "Paste from Word" button with data from Excel!
When you paste in a series of cells, the resulting paste will be a simple and clean HTML table in your guide!
Here are links for tips on making additional file types accessible
Recommendations for most of these formats echo those for webpages such as using headings to convey logical flow for a Word document and PDFs.
Here are some web-based tools we have found useful for self-evaluating your pages