Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Universal Design for Digital Content - an Introduction to Accessibility Whys and Hows

Universal Design for Digital Content - an Introduction to Accessibility Whys and Hows

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

Radina Matic

November 25, 2015
Tweet

More Decks by Radina Matic

Other Decks in Technology

Transcript

  1. an Introduction to Accessibility Whys and Hows
    Universal Design for Digital Content
    Radina Matic
    [email protected] @RadinaMatic

    View full-size slide

  2. Radina Matic
    - translator & technical writer
    - open software & technology enthusiast
    Web and Data Visualization at
    Rectory Stats Office, University of Barcelona
    a11y
    Foundation for Learning Equality
    [email protected] @RadinaMatic

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  8. 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/

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  12. Who
    Auditory >
    Visual

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  15. Everyone
    World report on disability 2011, WHO

    View full-size slide

  16. Everyone
    World report on disability 2011, WHO

    View full-size slide

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

    View full-size slide

  18. Good for Business
    - Benefits SEO
    - Improves mobile access and overall usability
    - Increases market share
    - PR impact derived from corporate social responsibility
    - Reduces legal risk

    View full-size slide

  19. Good for Business
    Accessibility is about good
    customer service
    Jonathan Lazar

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  22. Accessibility mishaps
    make headlines (and courtrooms)
    - 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/

    View full-size slide

  23. Don’t put up fires
    Plan accessibility as
    early as possible,
    don’t wait for QA

    View full-size slide

  24. Accessibility is a shared responsibility
    http://www.w3.org/
    community/wai-engage/wiki/
    Accessibility_Responsibility_Breakdown

    View full-size slide

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

    View full-size slide

  26. Strategy & Best Practices
    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

    View full-size slide

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

    View full-size slide

  28. POUR principles
    Information must be:
    Perceivable
    Operable
    Understandable
    Robust

    View full-size slide

  29. OFFER
    ALTERNATIVES

    View full-size slide

  30. OFFER ALTERNATIVES -Color & Contrast
    http://www.floeproject.org/

    View full-size slide

  31. OFFER ALTERNATIVES -Accessible Multimedia
    Able Video Player - http://www.washington.edu/doit/videos/

    View full-size slide

  32. OFFER ALTERNATIVES -Don’t Autoplay!
    http://devtoolschallenger.com/

    View full-size slide

  33. OFFER ALTERNATIVES –Let it play!

    View full-size slide

  34. OFFER ALTERNATIVES –KISS(C) Principle

    View full-size slide

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

    View full-size slide