$30 off During Our Annual Pro Sale. View Details »

Inclusive Design: more heart, more humans

Inclusive Design: more heart, more humans

Talk by Nicola du Toit (http://nicoladutoit.com/) and me on Inclusive Design.

A version of this talk was given at https://www.meetup.com/IO-Powwow/events/249633653/ and https://www.meetup.com/cape-town-testing-meetup/events/247813816/ .

Steve Barnett

May 08, 2018
Tweet

More Decks by Steve Barnett

Other Decks in Technology

Transcript

  1. Inclusive Design:
    More
    !
    , more humans

    View Slide

  2. Most important thing:
    Think about disability as
    a spectrum, not a binary

    View Slide

  3. Did anyone notice
    some weird posters
    on the wall?
    bit.ly/emplab301

    View Slide

  4. Us looking at our stuff
    !

    "

    #truestory

    View Slide

  5. So we became…
    The Empathy Labradors
    Nicola du Toit - @sophdex
    Steve Barnett - @maxbarners

    View Slide

  6. 1. Disability as a
    spectrum
    2. The What and the Why
    3. The How

    View Slide

  7. View Slide

  8. Ability
    +
    Barrier
    =
    Disability

    View Slide

  9. Time to move… ⚡"

    View Slide

  10. Draw a ❤
    Friend?
    Parent?
    Colleague?

    View Slide

  11. Disability is a spectrum,
    not a binary

    View Slide

  12. Examples of barriers

    View Slide

  13. “The power of the Web is
    in its universality. Access
    by everyone regardless of
    disability is an essential
    aspect.”
    — Tim Berners-Lee

    View Slide

  14. There are other
    spectrums we could
    consider too

    View Slide

  15. 1. Disability as a
    spectrum
    2. The What and the Why
    3. The How

    View Slide

  16. ❤ Inclusive Design
    is about designing for
    the diversity of our users

    View Slide

  17. ❤ Accessibility
    is the specifics of the
    implementation
    WCAG, WAI-ARIA

    View Slide

  18. ❤ Inclusive Design
    is about
    good usability

    View Slide

  19. ❤ Inclusive Design
    is about
    quality software

    View Slide

  20. Why should we care?
    What are the benefits of
    doing Inclusive Design?

    View Slide

  21. ❤ Inclusive Design
    helps us be a superhero

    View Slide

  22. ❤ Inclusive Design
    helps us avoid
    (expensive) fixes later
    (and possibly lawsuits)

    View Slide

  23. ❤ Inclusive Design
    helps us get
    more humans,
    on more devices,
    under more conditions

    View Slide

  24. 1. Disability as a
    spectrum
    2. The What and the Why
    3. The How

    View Slide

  25. How do we do
    Inclusive Design?
    What do we test?

    View Slide

  26. Test using
    no mouse, no trackpad

    View Slide

  27. Test
    colour contrast

    View Slide

  28. Test for
    plain language

    View Slide

  29. "This sounds like
    a lot of work" !

    View Slide

  30. “It doesn't have to be
    perfect, just a little bit
    better than yesterday"
    — Leonie Watson

    View Slide

  31. Most important thing:
    Think about disability as
    a spectrum, not a binary

    View Slide

  32. Now what?
    Thursday 17th May
    Global Accessibility
    Awareness Day

    View Slide

  33. Now what?
    Tomorrow, 10am, 10 mins
    Test your stuff
    bit.ly/emplab-ten-at-ten

    View Slide

  34. Pair up with someone
    Tell them: "I'm going to
    spend 10m testing my
    stuff tomorrow"
    !
    or

    View Slide

  35. Thanks! Questions?
    Nicola du Toit - @sophdex
    Steve Barnett - @maxbarners
    bit.ly/emplab-ten-at-ten

    View Slide