Slide 1

Slide 1 text

ACCESSIBILITY IS ABOUT YOUR USERS October 9, 2015 Cynthia Ng @TheRealArty

Slide 2

Slide 2 text


Slide 3

Slide 3 text

De Clerck, Stefaan. (2015). Sleeping beauty. BY-NC-SA 3.0

Slide 4

Slide 4 text

70 slides in 20 minutes = 3.5 / minute

Slide 5

Slide 5 text


Slide 6

Slide 6 text

Web accessibility means that people with disabilities can use the Web. - W3C Web Accessibility Initiative (WAI) W3C Web Accessibility Initiative. (2005). What is Web Accessibility. Introduction to Web Accessibility.

Slide 7

Slide 7 text

Snape, John. (2011). See No Evil, Hear No Evil, Speak No Evil.,_Hear_No_Evil,_Speak_No_Evil.jpgCC BY-SA 3.0

Slide 8

Slide 8 text

TYPES OF DISABILITIES visual auditory physical/motor touch learning

Slide 9

Slide 9 text


Slide 10

Slide 10 text

Statistics Canada. 2013. Statistics Canada on Twitter. Approximate number based on: World Bank. 2012. Population ages 15-64 (% of total). .

Slide 11

Slide 11 text

Brault, Matthew W. (2012). Americans With Disabilities: 2010 Household Economic Studies.

Slide 12

Slide 12 text

DISABILITY > MINORITY* * Based on 2006 Canadian census , and the percentage of total population ages 15-64 with a disability percentage of total population ages 15-64 of minorities. * Based on 2010 US census , and the percentage of total population with a disability percentage of total population of minorities.

Slide 13

Slide 13 text

POLICY & LEGISLATION Canada: Federal Departments & Ontario: Web Content Accessibility Guidelines (WCAG) USA: Americans with Disabilities Act; Federal Departments: Rehabilitation Act: Section 508

Slide 14

Slide 14 text

Lack of statutes or federal laws should not exempt [us] from providing equivalent access to all; it should drive [us] toward it. - Camilla Fulton Fulton, C. (2011). Web Accessibility, Libraries, and the Law. Information Technology and Libraries..

Slide 15

Slide 15 text


Slide 16

Slide 16 text

BENEFITS reflect institutional mission, leadership, and values serve all users make sound fiscal policy add value to the institution Sources: Maler, A. (2013). The Complete Beginner’s Guide to Universal Design. UX Booth. and Rowland, C., Mariger, H., Siegel, P. M., & Whiting, J. (2010). Universal Design for the Digital Environment: Transforming the Institution. EDUCAUSE Review*, 45(6).

Slide 17

Slide 17 text

BENEFITS SIMPLIFIED findable accessible usable shareable efficient collaborative

Slide 18

Slide 18 text

Source: Sutton, Marcy. (2015). . US Department of the Interior Showcasing Accessible Websites

Slide 19

Slide 19 text


Slide 20

Slide 20 text

DEFINING ASSISTIVE TECHNOLOGY an umbrella term that includes [...] devices for people with disabilities [...] by enabling people to perform tasks that they were formerly unable to accomplish, or had great difficulty accomplishing, by providing enhancements to, or changing methods of interacting with, the technology needed to accomplish such tasks. - Wikipedia Multiple authors. (2015). Assistive Technology.Wikipedia.

Slide 21

Slide 21 text

Anonymous. (2013). Untitled.As permitted by TOS

Slide 22

Slide 22 text

CONSIDERING ASSISTIVE TECHNOLOGY screen readers text-to-speech screen magnifiers joysticks

Slide 23

Slide 23 text

From: Gibson, Anne. (2015). Reframing Accessibility for the Web.With permission from author

Slide 24

Slide 24 text

Fitzgerald, Michael. (2008). Computer Budgie II.CC BY-NC-SA 2.0

Slide 25

Slide 25 text

Fuster, Anna. (2011). perimer l'un hi dezcansa a sobre...CC BY-NC-ND 2.0

Slide 26

Slide 26 text

All Technology is Assistive Technology. - Sara Hendren @ablerism Hendron, S. (2013). All Technology is Assistive Technology: 6 dispositions for designers on disability.

Slide 27

Slide 27 text

We need to change the way we talk about accessibility. … We can reframe accessibility in terms of what we provide, not what other people lack. - Anne Gibson @kirabug Gibson, Anne. (2015). Reframing Accessibility for the Web.

Slide 28

Slide 28 text


Slide 29

Slide 29 text

marziarh. (2012). Robson Square. BY-NC-ND 2.0

Slide 30

Slide 30 text


Slide 31

Slide 31 text

UNIVERSAL WEB DESIGN PRINCIPLES IN SHORT solid clear helpful usable accessible easy to understand designed with people in mind first Quesenbery, W. (2014). . O'Reilly. A Web for Everyone: Accessibility as a Design Challenge

Slide 32

Slide 32 text


Slide 33

Slide 33 text

MAJOR CHALLENGES Shneiderman, B., & Hochheiser, H. (2001). Universal usability as a stimulus to advanced interface design. Behaviour & Information Technology, 20(5), 367-376. doi:10.1080/01449290110083602

Slide 34

Slide 34 text

animoca. (2012). All the Myriad Androids. 3.0

Slide 35

Slide 35 text

Habib, Fady. (2005). . Unity in Diversity CC BY-NC-SA 3.0

Slide 36

Slide 36 text

Trott, Nic. (2012). . Clifton Suspension Bridge CC BY 2.0

Slide 37

Slide 37 text

APPROACHES minimal load time progressive enhancement mobile first responsive design

Slide 38

Slide 38 text

MINIMAL LOAD TIME average website = 2.2 MB = 6 sec . (2015). . HTTP Archive Average Bytes per Page by Content Type . (2015). . Keynote Performance Index: Mobile Commerce (Retail) – US

Slide 39

Slide 39 text

[Over 50% of mobile users] will wait only five seconds or less for a mobile site to load. Compuware Corporation. (2011). The new (or only) way to connect with customers. papers/The%20New%20or%20Only%20Way%20To%20Connect%20With%20Customers.pdf

Slide 40

Slide 40 text

Two seconds may not seem like a long time, but consider that users can spot— and are bothered by—performance delays as short as 300 milliseconds. - Scott Jehl @scottjehl Jehl, Scott. (2014). . Planning for Performance

Slide 41

Slide 41 text

PROGESSIVE ENHANCEMENT Worry about the less capable first. - @Swwweet Usobiaga, J. (2013). Slide 37. Mobile First: As difficult as doing things right.

Slide 42

Slide 42 text

MOBILE FIRST Mobile forces you to focus. - Luke Wroblewski @lukew Wroblewski, L. (2009). Mobile First.

Slide 43

Slide 43 text


Slide 44

Slide 44 text

Demo Resources: Responsive web design and libraries by Lisa Kurt List of HigherEd Responsive Sites

Slide 45

Slide 45 text


Slide 46

Slide 46 text


Slide 47

Slide 47 text


Slide 48

Slide 48 text

FORMS Form Elements and Accessibility

Slide 49

Slide 49 text


Slide 50

Slide 50 text

MEDIA Images: alt="" Audio: transcript Video: transcript Video: captions Video: descriptive audio

Slide 51

Slide 51 text

TOP 10 ACADEMIC LIBRARY WEBSITES 6 / 10 have carousel 5 / 6 autoplay Singley, E. (2014). . Top 10 Academic Library Websites

Slide 52

Slide 52 text

TOP 10 OF 20 GREAT PUBLIC LIBRARY WEBSITES 9 / 10 have carousel 9 / 9 autoplay Anderson, M. (2013). 20 Great Public Library Websites.

Slide 53

Slide 53 text

DOCUMENTS WebAIM. (2014). Microsoft Word. © WebAIM. Used under full credit, at no cost allowance as per the . WebAIM Copyright & Terms of Use WebAIM. (2014). PowerPoint Accessibility. © WebAIM. Used under full credit, at no cost allowance as per the . WebAIM Copyright & Terms of Use

Slide 54

Slide 54 text

TESTING AND ASSESSMENT EVALUATION TOOLS (bookmarklet) (Firefox plugin) For more, HTML Codesniffer WCAG Contrast Checker WAVE Toolbar W3C Web Accessibility Tools list SIMULATION TOOLS Fangs VisCheck Colorblind Web Page Filter

Slide 55

Slide 55 text

Developer toolbars, semantic markup and automated testing tools can only get you about 30% of the way towards Web Accessibility goals. - Denis Boudreau @dboudreau & Matt Feldman @hlpsom1 Boudreau, Denis & Feldman, Matt. (2015). Slide 13 of . Integrating Accessibility into the Project Lifecycle - Lessons Learned

Slide 56

Slide 56 text

Ask Your Users

Slide 57

Slide 57 text


Slide 58

Slide 58 text

We need to make simple, readable, effective content. - Anne Gibson @kirabug Gibson, Anne. (2014). . An Alphabet of Accessibility Issues

Slide 59

Slide 59 text

GUIDELINES FOR CONTENT CREATORS 1. Use headers properly 2. Use descriptive links 3. Use tables for data, not layout 4. Describe images if needed 5. If you embed audio/video, add a link to it too

Slide 60

Slide 60 text

Alexander, Dey. (2014). . Text alternatives for images: a decision tree

Slide 61

Slide 61 text

Other Guideline Examples and Resources by Adina Mulliken LibGuides Presentation: Accessibility Facilitating Accessible Instruction and Resources (University of Victoria) United Nations Accessibility Guidelines: Content

Slide 62

Slide 62 text

MORE RESOURCES General Resources - a lot of great articles on focused on accessibility and HTML/CSS - lots of quick tips (out of date, currently being revised) by CLA by OCUL WCAG Quick Reference The Paciello Group Blog The Accessibility Project Canadian Guidelines on Library and Information Services for People with Disabilities Accessibility Information Toolkit for Libraries

Slide 63

Slide 63 text

EVEN MORE RESOURCES Lists of Accessibility Resources: out of date but still a number of useful resources Accessible Technology: Tools & resources by the University of Washington Tools and Resources for Accessible Web Design by Texas School for the Blind and Visually Impaired Code4LibBC Accessibility Breakout Group Notes

Slide 64

Slide 64 text


Slide 65

Slide 65 text

Websites are software that help people accomplish their goals, regardless of the hardware and software combination, regardless of the shapes and forms of their people. That is accessibility. - Anne Gibson @kirabug Gibson, Anne. (2015). Reframing Accessibility for the Web.

Slide 66

Slide 66 text

THANKS! CONTACT Cynthia Ng @TheRealArty