Introduction to accessibility and universal design for digital content, presented at the tcworld conference in Stuttgart, in November 2015. The presentation was followed by practical workshop titled "Beyond the Checklists: Demystifying Accessibility Testing and Implementation".

1. an Introduction to Accessibility Whys and Hows
UniversalDesignforDigitalContent
Radina Matic
radina.matic@ub.edu @RadinaMatic

2. RadinaMatic
- translator & technical writer
- open software & technology enthusiast
Web and Data Visualization at
Rectory Stats Office, University of Barcelona
a11y
Foundation for Learning Equality
radina.matic@ub.edu @RadinaMatic

3. What’stheStory
- Who?
- Why?
- When?
- How? https://www.flickr.com/photos/sunraven0/5451897212/

4. WHO?

5. Who
World Health Organization fact sheet from 2014
People living in Europe
(742 millions)
Disabled people in the world
(1000 millions)

6. Who
EU-Statistics on Income and Living Conditions (EU-SILC) from 2014
Millions!

7. Who
- Temporary disability
http://selouk.me/2013/10/31/7-things-i-learned-from-wearing-an-eyepatch/

8. Who
- Temporary disability
- Situational disability
http://selouk.me/2013/10/31/7-things-i-learned-from-wearing-an-eyepatch/

9. Who
- Temporary disability
- Situational disability
- Permanent
”Technology is the limb I never had.”
Joanne O’Riordan
http://selouk.me/2013/10/31/7-things-i-learned-from-wearing-an-eyepatch/

10. EVERYONE

11. Who
- Visual
- Auditory
- Mobility
- Cognitive
http://blog.sciencedirect.com/posts/enabling-people-of-all-abilities-to-access-content-quickly-and-easily

12. Who
Visual
http://neomam.com/interactive/13reasons/

13. Who
Visual
http://www.eldiario.es/hojaderouter/tecnologia/accesibilidad_web-internet-paginas-personas_invidentes_0_361164102.html

14. Who
Auditory >
Visual

15. Who
Mobility >
Auditory >
Visual
http://www.sc.edu/scatp/cdrom/scatphelp.htm

16. Who
Cognitive >
Mobility >
Auditory >
Visual
http://www.dailymail.co.uk/sciencetech/article-3112756/Take-reading-test-shows-s-like-dyslexic-Font-recreate-frustration-felt-condition.html

17. Who

18. WHO?

19. DISABLED?

20. DISABLED?

21. EVERYONE

22. Everyone

23. Everyone
World report on disability 2011, WHO

24. Everyone
World report on disability 2011, WHO

25. Everyone
EU-Statistics on Income and Living Conditions (EU-SILC) from 2014
65+ Millions!

26. EVERYONE

27. WHY?

28. GoodforBusiness
- Benefits SEO
- Improves mobile access and overall usability
- Increases market share
- PR impact derived from corporate social responsibility
- Reduces legal risk

29. GoodforBusiness
Accessibility is about good
customer service
Jonathan Lazar

30. Standards&Laws
http://barrydahl.com/2014/12/30/mea-culpa-accessibility-concerns-of-using-external-tools-in-the-lms/

31. Standards&Laws
- European Standard on accessibility requirements for public procurement of
ICT products and services (EN 301 549 - 2014)
- Spanish norm UNE 139803:2012
- US - Section 508 (1998) & ADA
- 21st Century & Video Accessibility Act (2010)
- Web Content Accessibility Guidelines (WCAG) 2.0 as
ISO/IEC 40500 International Standard (2012)

32. Accessibilitymishaps
makeheadlines(andcourtrooms)
- National Federation of the Blind v. TARGET (2008)
- National Association of the Deaf (NAD) v. Netflix (2012)
- Google Books (2012)
- Harvard & MIT (edX) MOOCs (2015)
http://www.karlgroves.com/2011/11/15/list-of-web-accessibility-related-litigation-and-settlements/

33. When?

34. Don’tputupfires
Plan accessibility as
early as possible,
don’t wait for QA

35. Accessibilityisasharedresponsibility
http://www.w3.org/
community/wai-engage/wiki/
Accessibility_Responsibility_Breakdown

36. HOW?

37. Strategy&BestPractices
John Kotter’s 8-Step Process for Leading Change
Create a sense of urgency!
Find allies & build coalitions
Have a vision & communicate it

38. Strategy&BestPractices
You can’t fix everything at once
Make process part of the culture
Involve the users into
planning and testing!
John Kotter’s 8-Step Process for Leading Change

39. Guidelines
- Web Content (WCAG)
- User Agent (UAAG)
- Authoring Tools (ATAG)
- WAI ARIA: Accessible Rich Interactive Applications

40. POURprinciples
Information must be:
Perceivable
Operable
Understandable
Robust

41. OFFER
ALTERNATIVES

42. OFFERALTERNATIVES-Color &Contrast
http://www.floeproject.org/

43. OFFERALTERNATIVES-AccessibleMultimedia
Able Video Player - http://www.washington.edu/doit/videos/

44. OFFERALTERNATIVES-Don’tAutoplay!
http://devtoolschallenger.com/

45. OFFERALTERNATIVES–Letitplay!

46. OFFERALTERNATIVES–KISS(C)Principle

48. Questions?
Thank you!
Special thanks to Digital Content Management -
Graduate Dept. and Prof. Mireia Ribera at iSchool
of University of Barcelona, Spain.
Your opinion is important!
http://UA07.honestly.de
or scan the QR code