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

Empathy in Accessibility

Craig Abbott
July 05, 2018

Empathy in Accessibility

This talk is about building empathy for users with impairments, making sure we are aware of how to design services that don’t disable people.

Examples of things that have tripped me up in the past as well as suggesting tools we can use to help us test our designs.

This talk was delivered at:
- Chester Devs - November 2020
- BPDTS - October 2020
- Asda / Walmart - September 2020
- Centre for Addiction and Mental Health (CAMH) Canada - July 2020
- Northumberland Council - June 2020
- Middlesbrough Frontend - March 2020
- Digital Leaders Week - Newcastle - June 2019
- Newcastle City Council - Newcastle - June 2019
- Child Maintenance Group - June 2019
- DWP - Blackpool - May 2019
- HMRC - May 2019
- Leeds Digital Festival - May 2019
- DWP Software Engineering Roadshow - Blackpool March 2019
- DWP Software Engineering Roadshow - Newcastle March 2019
- DWP Frontend meet-up - February 2019
- Services Week - January 2019
- HMRC - January 2019
- Sunderland Digital - August 2018
- Accessibility London - July 2018
- Frontend North East on - July 2018

Craig Abbott

July 05, 2018
Tweet

More Decks by Craig Abbott

Other Decks in Design

Transcript

  1. @abbott567
    Empathy in Accessibility

    View full-size slide

  2. @abbott567
    These slides are available in HTML:
    https://empathy-in-accessibility.netlify.app

    View full-size slide

  3. Empathy in Accessibility
    335 6,388
    Craig Abbott
    @abbott567
    Head of Accessibility at @DWPDigital.
    Cat botherer. Code writer.
    Newcastle upon Tyne
    Following Followers

    View full-size slide

  4. I don’t have a disability… yet
    @abbott567

    View full-size slide

  5. @abbott567
    https://www.gov.uk/government/publications/disability-facts-and-figures/disability-facts-and-figures
    The prevalence of disability rises with age

    View full-size slide

  6. @abbott567
    6% of children
    https://www.gov.uk/government/publications/disability-facts-and-figures/disability-facts-and-figures
    The prevalence of disability rises with age

    View full-size slide

  7. @abbott567
    6% of children
    16% of working age adults
    https://www.gov.uk/government/publications/disability-facts-and-figures/disability-facts-and-figures
    The prevalence of disability rises with age

    View full-size slide

  8. @abbott567
    6% of children
    16% of working age adults
    45% of adults over State Pension age
    https://www.gov.uk/government/publications/disability-facts-and-figures/disability-facts-and-figures
    The prevalence of disability rises with age

    View full-size slide

  9. People living with a disability are far
    more common than you might have
    realised
    @abbott567

    View full-size slide

  10. 11.9 million adults in the UK
    are living with a disability
    @abbott567
    http://www.craigabbott.co.uk/accessibility-is-not-an-edge-case
    Roughly
    1 in 5 people or 20%

    View full-size slide

  11. In 2017, only 22% of adults
    living with a disability said they
    had never used the internet
    @abbott567
    http://www.craigabbott.co.uk/accessibility-is-not-an-edge-case
    About 2.6 million people

    View full-size slide

  12. 9.3 million people in the UK alone
    are living with a disability and
    browsing the internet
    @abbott567
    http://www.craigabbott.co.uk/accessibility-is-not-an-edge-case

    View full-size slide

  13. When we think of a disability, we
    often think ‘wheelchair’. But there
    are so many that are less obvious. And
    this can make us ignorant.
    @abbott567

    View full-size slide

  14. @abbott567
    DISABLED
    PARKING

    View full-size slide

  15. @abbott567
    https://en.wikipedia.org/wiki/International_Symbol_of_Access#Modified_ISA

    View full-size slide

  16. @abbott567
    ACCESSIBLE
    PARKING
    https://en.wikipedia.org/wiki/International_Symbol_of_Access#Modified_ISA

    View full-size slide

  17. @abbott567
    http://accessibleicon.org/

    View full-size slide

  18. @abbott567
    Disabilities and impairments are
    not the same

    View full-size slide

  19. Impairment:
    An impairment is medical. It’s the
    condition or symptoms that
    person experiences.
    eg: low vision or blindness
    @abbott567

    View full-size slide

  20. Disability
    When a person finds it difficult to
    perform everyday tasks to a level
    that is considered normal for most
    people.
    @abbott567

    View full-size slide

  21. An impairment doesn’t always
    mean a person considers
    themselves disabled.
    !important
    @abbott567

    View full-size slide

  22. Imagine you are a wheelchair
    user, and you want to get a
    book from the library…
    @abbott567
    Example 1

    View full-size slide

  23. People are not always disabled by
    their impairments, they are disabled
    by poorly designed environments
    @abbott567

    View full-size slide

  24. An environment might not always
    be a physical space. It can be digital.
    @abbott567

    View full-size slide

  25. @abbott567
    Imagine you’re colour blind and
    you want to check how well a
    team is playing before placing a
    bet…
    Example 2

    View full-size slide

  26. @abbott567
    https://michelf.ca/projects/sim-daltonism/

    View full-size slide

  27. @abbott567
    http://www.funkify.org/

    View full-size slide

  28. When using colour,
    contrast is important
    @abbott567

    View full-size slide

  29. The wrong contrast can make
    things INTENSE!
    @abbott567

    View full-size slide

  30. People with dyslexia often
    prefer soft contrasts
    @abbott567

    View full-size slide

  31. Low contrast can make everything
    difficult to read!
    @abbott567

    View full-size slide

  32. @abbott567
    https://webaim.org/resources/contrastchecker/

    View full-size slide

  33. @abbott567
    https://itunes.apple.com/gb/app/contrast-color-accessibility/id1254981365?mt=12

    View full-size slide

  34. Accessibility should be designed
    from the start, not an afterthought.
    @abbott567

    View full-size slide

  35. Even if we are thinking about
    accessibility, implementing it
    without talking to any users
    will be disastrous.
    @abbott567

    View full-size slide

  36. Designers don’t usually make things
    inaccessible on purpose. It’s just a lack
    of awareness or foresight.
    @abbott567

    View full-size slide

  37. @abbott567
    Photo credit: Katy Arnold, Home Office Digital

    View full-size slide

  38. Sometimes we try to make things
    better and we make things worse
    @abbott567

    View full-size slide

  39. @abbott567
    if (month === ‘september’) {
    month = 9;
    }

    View full-size slide

  40. https://accessibility.blog.gov.uk/2018/05/15/what-we-learned-from-getting-our-autocomplete-tested-for-accessibility/
    It’s important
    to test your
    product with
    people who use
    assistive
    technology.

    View full-size slide

  41. Learn how to use your device’s
    own assistive technology
    @abbott567

    View full-size slide

  42. @abbott567
    https://empathy-in-accessibility.netlify.app/slides/58.html

    View full-size slide

  43. @abbott567
    https://empathy-in-accessibility.netlify.app/slides/59.html

    View full-size slide

  44. Not everyone who uses a screen
    reader is blind. So it’s important
    to test with a range of people.
    @abbott567

    View full-size slide

  45. Research regularly with users on their
    own devices in their own environment.
    @abbott567

    View full-size slide

  46. Getting people onboard is hard
    @abbott567

    View full-size slide

  47. Try empathy building exercises
    with your team.
    @abbott567

    View full-size slide

  48. Lip reading is hard
    @abbott567

    View full-size slide

  49. @abbott567
    http://actiondeafness.org.uk/product/deaf-awareness-posters/

    View full-size slide

  50. @abbott567
    @malcolmcanvin
    Chair Share

    View full-size slide

  51. @abbott567
    @beesarahlee
    Talent Salad

    View full-size slide

  52. @abbott567
    @jamesgordon1
    Colourful I love you

    View full-size slide

  53. @abbott567
    https://vinesimspecs.com/

    View full-size slide

  54. @abbott567
    Retinitis pigmentosa
    (tunnel vision)
    Macular Degeneration

    View full-size slide

  55. Unplug the mouse and have
    people try and do an everyday
    online task.
    @abbott567

    View full-size slide

  56. Play a video with the
    screen turned off
    @abbott567

    View full-size slide

  57. @abbott567
    http://www.aegisub.org/

    View full-size slide

  58. @abbott567
    *
    * Kind of…

    View full-size slide

  59. At the very least, include a
    transcript of the video. This can
    just be a text file or a HTML page
    that somebody can read.
    @abbott567

    View full-size slide

  60. @abbott567
    https://ukhomeoffice.github.io/accessibility-posters/posters/accessibility-posters.pdf

    View full-size slide

  61. @abbott567
    https://ukhomeoffice.github.io/accessibility-posters/posters/accessibility-posters.pdf

    View full-size slide

  62. @abbott567
    http://www.craigabbott.co.uk/error-messages-are-not-funny

    View full-size slide

  63. @abbott567
    http://www.craigabbott.co.uk/error-messages-are-not-funny

    View full-size slide

  64. @abbott567
    @mrstevenproctor - Content design. What it is and what it isn’t.

    View full-size slide

  65. @abbott567
    https://wave.webaim.org/

    View full-size slide

  66. Automated accessibility tools
    are not enough!
    @abbott567

    View full-size slide

  67. @abbott567
    https://alphagov.github.io/accessibility-tool-audit/

    View full-size slide

  68. Tools can be good to build empathy
    and find obvious errors, but they
    can never replace usability testing.
    @abbott567

    View full-size slide

  69. Inclusion > Empathy
    @abbott567
    - Liz Jackson

    View full-size slide

  70. “More than 1 in 3 people show
    an unconscious bias against
    those with a disability.”
    @abbott567
    Staci Kroon
    CEO of BraunAbility

    View full-size slide

  71. By law, all public sector websites and
    apps will need to be accessible
    by 2021.
    @abbott567
    https://www.gov.uk/guidance/accessibility-requirements-for-public-sector-websites-and-apps

    View full-size slide

  72. @abbott567
    https://www.gov.uk/guidance/accessibility-requirements-for-public-sector-websites-and-apps

    View full-size slide

  73. Private sector companies are
    not necessarily exempt
    @abbott567

    View full-size slide

  74. @abbott567
    https://www.law360.com/articles/934358/winn-dixie-loses-ada-fight-over-website-accessibility

    View full-size slide

  75. @abbott567
    https://www.sitepoint.com/target-settles-accessibility-lawsuit-for-6-million/

    View full-size slide

  76. https://www.theguardian.com/music/2019/jan/04/beyonce-parkwood-entertainment-sued-over-website-accessibility

    View full-size slide

  77. Spend your money on accessibility,
    NOT lawyers
    @abbott567

    View full-size slide

  78. 20% of the population have blue eyes.
    This is the same statistic as people who have
    a disability.
    Imagine saying you can’t use this product
    because you have blue eyes.
    ~ Molly Watt
    @abbott567
    twitter.com/@MollyWattTalks

    View full-size slide

  79. If your product is accessible,
    you have another 10 million
    potential customers
    @abbott567

    View full-size slide

  80. Accessibility experts are rare,
    people will pay for your knowledge!
    @abbott567

    View full-size slide

  81. Be passionate about accessibility
    because it’s the right thing to do!
    @abbott567

    View full-size slide

  82. If we design things with accessibility in
    mind, it makes things better for
    EVERYBODY!
    @abbott567

    View full-size slide

  83. Why are we even talking about
    accessibility? It’s a human right
    and it should be done by default!
    @abbott567
    - Colin Oakley

    View full-size slide

  84. That’s all folks
    @abbott567
    https://empathy-in-accessibility.netlify.app/slides/109.html
    Tools, articles and resources:

    View full-size slide