1 of 33

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

2 of 33

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

3 of 33

Agenda

Introduction 

Institutional Strategies 

Technological Strategies 

Activity: Automated Accessibility Check

Q&A

Slides & Additional

Resources:

go.unc.edu/cediexchange

4 of 33

Institutional  Technological

5 of 33

(These events are not limited to COVID-19/quarantine events – they are just good ways to include disabled patrons, generally)

Formats

  • Timing: Synchronous, asynchronous, or a combination
  • Medium: Video, images, text, audio, braille, physical/in-person, telephone, print, computer, mobile device, tablet

Online Programming Might Include...

6 of 33

Black, Disabled & Proud: College Students With Disabilities – blackdisabledandproud.org/black-lives-matter

7 of 33

Plan for a realistic division of labor, responsibility, and control

8 of 33

Divisions of Labor(One example of a framework)

  • Programming: Planning, Implementation, Managing Event, Evaluation, Social Media Management (?)
  • Administrative: Permissions, Funding, Evaluation, Institutional Support 
  • Advertising: Communicating with Community, Social Media Management (?) 
  • Tech: Website Design, Social Media Management (?), Technology support, Internet security, WCAG 
  • Community Representative(s): Communicating with Community,  Planning, Evaluation
  • Security: Managing trolls, Implementing guidelines for engagement, Internet security

9 of 33

Questions to ask

  • What resources do we need to do this? What technical capability might we need? Do you have those resources? If not, are open source or other free resources available and adequate?
  • Who in my institution is responsible for managing those resources? Do you need that person's buy in to complete your project? 
  • Does that person have the training, support, spoons/slots needed to do this in an inclusive way? Can they do this remotely? If not, how can we support them?
  • What happens if the institution's information values don't match that of the community? Who is responsible for gathering that information? Implementation? Who deals with community feedback? 

10 of 33

Hold vendors to inclusive standards for accessibility

11 of 33

Questions to ask

  • Do our vendors/software/platforms give us the capability to create an inclusive service/program?
  • Do this vendor's policies (e.g., rules for sharing or translation) make it difficult for you to include disabled community members? 
  • How can I learn to use the accessibility features on this program/platform? 
  • For public-facing platforms, is this a platform that disabled community members use/can access? 
  • At the very least, are services WCAG, ADA, and Section 508 compliant?

12 of 33

Set clear guidelines across the library’s internet presence

(This is even more important during �social distancing!)

13 of 33

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).

14 of 33

Technological Strategies

15 of 33

Accessible Tools Within Social Media 

16 of 33

Live Video Captioning

3rd Party Software Needed

Native & Auto Captioning

Links to resources inside slide notes: go.unc.edu/cediexchange

17 of 33

Alternative (Alt) Text

Conveys the information in an image through an equivalent text description (tag) or identifies an image as decoration1 

18 of 33

The ArQuives Tweet

19 of 33

Twitter Accessibility Settings

20 of 33

Creating alt text on Twitter

"Add Description"

21 of 33

Creating alt text on Facebook

22 of 33

Organize Your Web Content

23 of 33

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>

24 of 33

Responsive Code

25 of 33

Separate Content and Styles / Use Progressive Enhancement

HTML/PHP

JavaScript/HTML5​

CSS

26 of 33

HTML/PHP

JavaScript/HTML5​

CSS

27 of 33

Text is Easy-To-Read & Not an Image

28 of 33

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/

29 of 33

30 of 33

Evaluate Your Work

  • Run an automated accessibility-checker​
  • Ask real users for feedback

31 of 33

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?

32 of 33

wave.webaim.org

33 of 33

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.