You are here...
To learn about the purposeful design and use of digital resources to improve online inclusion.
Disabled People Use the Internet! �Building and Maintaining Inclusive �Library Spaces Online�
Please take our brief polls (and enjoy some royalty-free music)!
Slides & Additional Resources: go.unc.edu/cediexchange
Disabled People Use the Internet! �Building and Maintaining Inclusive �Library Spaces Online�
Laura March, MS MEd�PhD Student, UNC-Chapel Hill�@theartofmarch�lmarch@unc.edu
Dr. Amelia Gibson, PhD�Assistant Professor, UNC-Chapel Hill�@AmeliaNGibson�angibson@email.unc.edu
Slides & Additional Resources: go.unc.edu/cediexchange
Agenda
Introduction
Institutional Strategies
Technological Strategies
Activity: Automated Accessibility Check
Q&A
Institutional Technological
(These events are not limited to COVID-19/quarantine events – they are just good ways to include disabled patrons, generally)
Formats
Online Programming Might Include...
Black, Disabled & Proud: College Students With Disabilities – blackdisabledandproud.org/black-lives-matter
Plan for a realistic division of labor, responsibility, and control
Divisions of Labor�(One example of a framework)
Questions to ask
Hold vendors to inclusive standards for accessibility
Questions to ask
Set clear guidelines across the library’s internet presence
(This is even more important during �social distancing!)
Things to consider
All staff who interact with the public (or create for the public) should have the same basic training regarding accessibility/usability guidelines and the programming needs of disabled community members.
This includes the website, social media, YouTube or other video sharing platforms, text messages, podcasts, and other formats.
Think about content as the idea, information, or experience. Provide your content in different formats (and, if possible, through multiple media).
Technological Strategies
Accessible Tools Within Social Media
Live Video Captioning
3rd Party Software Needed
Native & Auto Captioning
Links to resources inside slide notes: go.unc.edu/cediexchange
Alternative (Alt) Text
Conveys the information in an image through an equivalent text description (tag) or identifies an image as decoration1
The ArQuives Tweet
Twitter Accessibility Settings
Creating alt text on Twitter
"Add Description"
Creating alt text on Facebook
Organize Your Web Content
Hierarchical Structure
<!DOCTYPE html>
<html>
<body>
<h1>Page Heading</h1>
<p>My first paragraph. </p>
<h2>Secondary Heading</h2>
<p>My second paragraph. </p>
</body>
</html>
Responsive Code
Separate Content and Styles / Use Progressive Enhancement
HTML/PHP
JavaScript/HTML5
CSS
HTML/PHP
JavaScript/HTML5
CSS
Text is Easy-To-Read & Not an Image
Create Descriptive Links
The Good
Visit Laura's website
The Bad
Click here to visit Laura's website
The Ugly (and unclickable)
Website: https://lauramarch.com/portfolio/
Peri's Anatomy of Accessible Forms (2019)
Evaluate Your Work
Activity:�Run Your Website Through WAVE
Test a page from your institution's website using WebAIM's WAVE Web Accessibility Evaluation Tool (wave.webaim.org)
Share your results in our chat.
Did you find any surprises?
wave.webaim.org
Disabled People Use the Internet! �Building and Maintaining Inclusive Library Spaces Online
Laura March, MS MEd�PhD Student, UNC-Chapel Hill�@theartofmarch�lmarch@unc.edu
Dr. Amelia Gibson, PhD�Assistant Professor, UNC-Chapel Hill�@AmeliaNGibson�angibson@email.unc.edu
Slides & Additional Resources: go.unc.edu/cediexchange
This project was made possible in part by the Institute of Museum and Library Services �RE-07-17-0048-17.