Slide 1

Slide 1 text

@abbott567 Empathy in Accessibility

Slide 2

Slide 2 text

Empathy in Accessibility @abbott567 13.3K 246 6.9k 8,531 Craig Abbott @abbott567 Senior Interaction Designer at @DWPDigital. Lover of cats and code. David Attenborough is my hero. Newcastle upon Tyne

Slide 3

Slide 3 text

I don’t have a disability… yet @abbott567

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

@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

Slide 6

Slide 6 text

@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

Slide 7

Slide 7 text

@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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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%

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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. @abbo

Slide 13

Slide 13 text

@abbott567

Slide 14

Slide 14 text

@abbott567 But, disabilities and impairments are not the same.

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

@abbott567 http://accessibleicon.org/

Slide 17

Slide 17 text

Impairment vs Disability @abbott567

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

@abbott567

Slide 23

Slide 23 text

@abbott567

Slide 24

Slide 24 text

@abbott567

Slide 25

Slide 25 text

@abbott567

Slide 26

Slide 26 text

@abbott567

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

An environment might not always be a physical space. It can be digital. An app, website or online service. @abbott567

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

@abbott567

Slide 31

Slide 31 text

@abbott567

Slide 32

Slide 32 text

@abbott567

Slide 33

Slide 33 text

@abbott567

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

@abbott567

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

@abbott567

Slide 39

Slide 39 text

@abbott567

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

@abbott567

Slide 42

Slide 42 text

@abbott567

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

@abbott567 Photo credit: Katy Arnold, Home Office Digital

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

@abbott567

Slide 47

Slide 47 text

@abbott567

Slide 48

Slide 48 text

@abbott567

Slide 49

Slide 49 text

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

Slide 50

Slide 50 text

@abbott567

Slide 51

Slide 51 text

@abbott567

Slide 52

Slide 52 text

@abbott567

Slide 53

Slide 53 text

@abbott567

Slide 54

Slide 54 text

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.

Slide 55

Slide 55 text

Getting people onboard is hard @abbott567

Slide 56

Slide 56 text

By law, all public sector websites and apps will need to be accessible by 2021. @abbott567

Slide 57

Slide 57 text

Try empathy building exercises with your team. @abbott567

Slide 58

Slide 58 text

Lip reading is hard @abbott567

Slide 59

Slide 59 text

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

Slide 60

Slide 60 text

@abbott567 @malcolmcanvin Chair Share

Slide 61

Slide 61 text

@abbott567 @beesarahlee Talent Salad

Slide 62

Slide 62 text

@abbott567 @jamesgordon1 Colourful I love you

Slide 63

Slide 63 text

@abbott567 https://vinesimspecs.com/

Slide 64

Slide 64 text

@abbott567 Retinitis pigmentosa (tunnel vision) Macular Degeneration

Slide 65

Slide 65 text

@abbott567

Slide 66

Slide 66 text

@abbott567 https://abtt.co/hod-a11y-posters

Slide 67

Slide 67 text

@abbott567 https://abtt.co/hod-a11y-posters

Slide 68

Slide 68 text

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

Slide 69

Slide 69 text

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

Slide 70

Slide 70 text

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

Slide 71

Slide 71 text

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

Slide 72

Slide 72 text

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

Slide 73

Slide 73 text

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

Slide 74

Slide 74 text

@abbott567

Slide 75

Slide 75 text

@abbott567

Slide 76

Slide 76 text

@abbott567

Slide 77

Slide 77 text

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

Slide 78

Slide 78 text

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

Slide 79

Slide 79 text

Learn how to use your device’s own screenreader. @abbott567

Slide 80

Slide 80 text

@abbott567 https://abtt.co/screen-reader-shortcuts

Slide 81

Slide 81 text

@abbott567 https://abtt.co/screen-reader-shortcuts

Slide 82

Slide 82 text

@abbott567

Slide 83

Slide 83 text

No content

Slide 84

Slide 84 text

No content

Slide 85

Slide 85 text

No content

Slide 86

Slide 86 text

No content

Slide 87

Slide 87 text

Nobody expects you to get accessibility perfect. But from now on, be more aware and have a little more empathy for those that need it. @abbott567

Slide 88

Slide 88 text

That’s all folks @abbott567 UK Disability facts and figures: http://www.craigabbott.co.uk/accessibility-is-not-an-edge-case Sim Daltonism: https://michelf.ca/projects/sim-daltonism/ Funkify: http://www.funkify.org/ Action Deafness posters: http://actiondeafness.org.uk/product/deaf-awareness-posters/ Vine simulation glasses: https://vinesimspecs.com/ Wave accessibility tool: https://wave.webaim.org/ Home Office posters: https://abtt.co/hod-a11y-posters Accessible error messages: http://www.craigabbott.co.uk/error-messages-are-not-funny AegiSub subtitles: http://www.aegisub.org/ Screenreader shortcuts: https://abtt.co/screen-reader-shortcuts