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

Design For All: Canadian Elearning Keynote

Design For All: Canadian Elearning Keynote

This is my slide deck for the keynote I delivered on accessibility and inclusive design at the Canadian Elearning Conference in Toronto on July 13, 2018.

briandusablon

July 13, 2018
Tweet

More Decks by briandusablon

Other Decks in Education

Transcript

  1. Greetings
    humans!
    Design for all
    starts here!

    View Slide

  2. Why
    I’m
    Here

    View Slide

  3. Why
    Are
    You
    Here?
    Photo by davide ragusa on Unsplash

    View Slide

  4. How
    I Got
    Here

    View Slide

  5. Photo by davide ragusa on Unsplash

    View Slide

  6. Accessibility refers to the design
    of products, devices, services, or
    environments for people who
    experience disabilities.

    View Slide

  7. 15-20%

    View Slide

  8. 110-190 Billion Humans

    View Slide

  9. Caring

    View Slide

  10. Caring

    View Slide

  11. “Edge Case”

    View Slide

  12. The Spectrum

    View Slide

  13. We Are All
    “Disabled”
    Photo by davide ragusa on Unsplash

    View Slide

  14. The In-Betweens
    Major Disability Some Disability Perfect Human
    We Don’t Spend
    Enough Time Here!

    View Slide

  15. Change Our Vocabulary
    We are all “normal.”

    View Slide

  16. What Can We Do?
    •Care
    •Research
    •Show Our Work
    •Share Results

    View Slide

  17. How Do We Do It?
    • Start small and simple.
    • Talk about it. Ask questions.
    • Create standards.
    • Don’t ignore it.
    • Get support.

    View Slide

  18. Empathy

    View Slide

  19. Stereotypes
    and
    Prejudices
    “We don’t have
    anyone like that in
    our organization.”

    View Slide

  20. Start Asking
    • Who?
    • Where?
    • What?
    • When?

    View Slide

  21. Use the
    Lenses

    View Slide

  22. Lens of Animation and Effects

    View Slide

  23. Lens of Audio and Video

    View Slide

  24. Lens of Color

    View Slide

  25. Lens of Controls

    View Slide

  26. Lens of Font

    View Slide

  27. Lens of Images and Icons

    View Slide

  28. Lens of Keyboard

    View Slide

  29. Lens of Layout

    View Slide

  30. Lens of Material Honesty

    View Slide

  31. Lens of Readability

    View Slide

  32. Lens of Structure

    View Slide

  33. Lens of Time

    View Slide

  34. Low
    Hanging
    Fruit
    What’s your quick win?

    View Slide

  35. Color-Blindness
    Simulator
    www.color-blindness.com/

    coblis-color-blindness-simulator/
    App: Chromatic Vision Simulator

    View Slide

  36. Stoplight
    Test

    View Slide

  37. Red/
    Green

    View Slide

  38. Monochromacy

    View Slide

  39. Alt Text

    View Slide

  40. From This
    Day Forward

    View Slide

  41. Give A Voice
    Give An Opportunity

    View Slide

  42. Brian’s rules for design:
    1. Is it necessary?
    2. Is it inclusive?
    3. Are we giving control to the learner?
    4. Are we providing a safe space for feedback?
    5. Are we sharing what we learned?

    View Slide

  43. Everyone Deserves
    a Chance to Learn

    View Slide

  44. What kind
    of designer
    will you be?

    View Slide

  45. Resources
    http:/
    /learningninjas.com/accessibility
    https:/
    /www.w3.org/TR/WCAG20/
    [email protected]

    View Slide