Making the world a better place through web design

Slide 1

Slide 1 text

MAKING THE WORLD A BETTER PLACE THROUGH WEB DESIGN N ATA L I E M A C L E E S @nataliemac digita11y Photo by Juliana Kozoski on Unsplash

Slide 2

Slide 2 text

Accessibility means making the web usable for people with disabilities.

Slide 3

Slide 3 text

Accessibility means making the web usable for people with disabilities.

Slide 4

Slide 4 text

capacity no mobility

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

capacity no mobility elite athletes

Slide 7

Slide 7 text

capacity disability

Slide 8

Slide 8 text

Permanent Temporary Situational

Slide 9

Slide 9 text

Accessibility means making the web usable for people with disabilities.

Slide 10

Slide 10 text

Accessibility means making the web usable for everyone.

Slide 11

Slide 11 text

Accessibility means making the web usable for everyone.

Slide 12

Slide 12 text

Accessibility is an act of charity for marginalized edge cases.

Slide 13

Slide 13 text

Accessibility is a business decision - there must be a ROI.

Slide 14

Slide 14 text

Only developers have to think about accessibility.

Slide 15

Slide 15 text

Accessible websites are boring and ugly.

Slide 16

Slide 16 text

Making a website accessible is difficult and expensive.

Slide 17

Slide 17 text

Accessibility requirements stifle innovation.

Slide 18

Slide 18 text

Accessibility isn't that important because it doesn't impact very many people.

Slide 19

Slide 19 text

Accessibility has a  PR Problem

Slide 20

Slide 20 text

INCLUSIVE DESIGN

Slide 21

Slide 21 text

Accessibility is an act of charity for marginalized edge cases.

Slide 22

Slide 22 text

Inclusive design is a civil right.

Slide 23

Slide 23 text

Accessibility is a business decision - there must be a ROI.

Slide 24

Slide 24 text

Inclusive design is an investment that always   returns dividends.

Slide 25

Slide 25 text

Only developers have to think about accessibility.

Slide 26

Slide 26 text

Everyone needs to think about inclusive design. project managers designers developers content managers site owners business owners marketing ux content editors qa seo social media customer support copy writers branding

Slide 27

Slide 27 text

Accessible websites are boring and ugly.

Slide 28

Slide 28 text

Inclusive design is beautiful and usable.

Slide 29

Slide 29 text

Making a website accessible is difficult and expensive.

Slide 30

Slide 30 text

Inclusive design is built into the process.

Slide 31

Slide 31 text

Accessibility requirements stifle innovation.

Slide 32

Slide 32 text

Inclusive design encourages innovation without barriers.

Slide 33

Slide 33 text

Accessibility isn't that important because it doesn't impact very many people.

Slide 34

Slide 34 text

Inclusive design benefits   everyone.

Slide 35

Slide 35 text

Accessibility means making the web usable for everyone.

Slide 36

Slide 36 text

Inclusive design means making the web usable for everyone.

Slide 37

Slide 37 text

We are failing.

Slide 38

Slide 38 text

FORTUNE 100

Slide 39

Slide 39 text

815,600 accessibility issues identified

Slide 40

Slide 40 text

WebAIM Million

Slide 41

Slide 41 text

97.8% had identifiable accessibility issues

Slide 42

Slide 42 text

It's not just me.

Slide 43

Slide 43 text

It's all of us.

Slide 44

Slide 44 text

...all of us who build the web collectively decided that we could ignore some people's needs so that the work could be done faster. WINSTON HEARN

Slide 45

Slide 45 text

Our lives are digital.

Slide 46

Slide 46 text

We are leaving people behind.

Slide 47

Slide 47 text

The web industry has collectively exercised its power to state that disabled people do not belong here. WINSTON HEARN

Slide 48

Slide 48 text

What kind of world are we building?

Slide 49

Slide 49 text

SOCIAL JUSTICE and CIVIL RIGHTS

Slide 50

Slide 50 text

LEGAL CONSIDERATIONS

Slide 51

Slide 51 text

...many business owners would be livid to find out that the technology choices their teams are making are actively incurring legal liability. ERIC BAILEY

Slide 52

Slide 52 text

WHERE DO WE GO FROM HERE?

Slide 53

Slide 53 text

1. Start thinking about websites in terms of what they ask of people.

Slide 54

Slide 54 text

2. Commit to learning about inclusive design.

Slide 55

Slide 55 text

...aim to do one thing this week to broaden your understanding of how people use the web, and adapt your design or development practice to incorporate what you’ve learned. ETHAN MARCOTTE

Slide 56

Slide 56 text

WEB ACCESSIBILITY MADE EASY FOR WORDPRESS SUNDAY 10:50 AM JOSEPH LOPRESTE

Slide 57

Slide 57 text

3. Be an advocate and a gatekeeper.

Slide 58

Slide 58 text

4. Broaden your thinking about  diversity.

Slide 59

Slide 59 text

5. Do something   even if it's not the   perfect thing.

Slide 60

Slide 60 text

Thank You! Natalie MacLees hiredigitally.com Download presentation slides with resources: https://speakerdeck.com/nataliemac

Slide 61

Slide 61 text

Resources • Accessibility toolkit: https://hiredigitally.com/accessibility-toolkit/ • Make WordPress Accessible: https://make.wordpress.org/accessibility/ • A11y Weekly newsletter: https://a11yweekly.com/ • The A11y Project: https://a11yproject.com/ • Axe Coconut browser extension • Inclusive components: https://inclusive-components.design/

Slide 62

Slide 62 text

Bibliography • https://gomakethings.com/we-are-actively-destroying-the-web/ • https://2019.raleigh.wordcamp.org/session/we-are-the- gatekeepers-compassion-in-web-development/ • https://ericwbailey.design/writing/2019-03-05-ﬁghting-uphill.html • https://www.businesswire.com/news/home/20190409005650/en/ • https://webaim.org/projects/million/

Slide 63

Slide 63 text

Bibliography • https://boagworld.com/accessibility/inclusive-design/ • https://boagworld.com/accessibility/accessibility-is-not-what-you- think/ • https://ethanmarcotte.com/wrote/the-web-we-broke/ • Empathy Reiﬁes Disability Stigmas by Liz Jackson: https:// vimeo.com/319388683 • https://www.winstonhearn.com/wrote/2019/perpetuating-harm/

Slide 64

Slide 64 text

Bibliography • https://uxmyths.com/ • http://accessibility.voxmedia.com/ • https://www.disabilitytalent.org/single-post/2018/07/19/Social- Constructs-of-Disability • https://medium.com/homeland-security/the-social-construction-of- disability-999114247359 • https://marcysutton.com/accessibility-is-a-civil-right