Tweet
Tweet

Slide 1

Slide 1 text

ACCESSIBILITY HELPS EVERYONE How to Talk to Your Developers About Accessibility CRANFORDTEAGUE Jason Cranford Teague @CranfordTeague | #UXCampAccessibility www.cranfordteague.com

Slide 2

Slide 2 text

ACCESSIBILITY & DEVELOPERS Thanks CRANFORDTEAGUE @CranfordTeague | #UXCampAccessibility

Slide 3

Slide 3 text

JASON CRANFORD TEAGUE UX Lead, Rivet Logic 
 Board Of Advisors at CX at University of Richmond [email protected] 541.600.4422 @CranfordTeague/#UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE @CranfordTeague | #UXCampAccessibility

Slide 4

Slide 4 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE WHAT IS ACCESSIBILITY? INTRODUCTION

Slide 5

Slide 5 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE The power of WWW is in its universality. Access by everyone regardless of disability is an essential aspect. — Tim Burners-Lee “

Slide 6

Slide 6 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Accessibility is about Communicating

Slide 7

Slide 7 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE I think, in general, it’s clear that most bad things come from misunderstanding, and communication is generally the way to resolve misunderstandings—and the Web’s a form of communications —so it generally should be good. — Tim Burners-Lee “

Slide 8

Slide 8 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Design is about Communicating

Slide 9

Slide 9 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Design is about Accessibility

Slide 10

Slide 10 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE P.O.U.R. Perceivable, Operable, Understandable, Robust https://www.w3.org/TR/WCAG20/#guidelines

Slide 11

Slide 11 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE ACCESSIBILITY SEVEN MYTHS OF

Slide 12

Slide 12 text

Accessibility is the designer’s job ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE MYTH @CranfordTeague | #UXCampAccessibility

Slide 13

Slide 13 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Making our sites accessible starts with the understanding that people access the web differently, and continues with every member of the team ensuring their output is inclusive. 
 — Laura Kalbag Accessibility for Everyone “

Slide 14

Slide 14 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE EVERYONE 
 is responsible for ensuring accessibility: Designers

Slide 15

Slide 15 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE EVERYONE 
 is responsible for ensuring accessibility: Developers

Slide 16

Slide 16 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE EVERYONE 
 is responsible for ensuring accessibility: QA

Slide 17

Slide 17 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE …And don’t forget 
 CONTENT CREATORS

Slide 18

Slide 18 text

Accessibility is just about the visual and auditory ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE MYTH @CranfordTeague | #UXCampAccessibility

Slide 19

Slide 19 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE …web accessibility is a subset of User Experience (UX) focused on making your websites usable by the widest range of people possible, including those who have disabilities. — Dave Rupert A11yProject.com “

Slide 20

Slide 20 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Being disabled is more than 
 being permanently deaf or blind

Slide 21

Slide 21 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE ➡ Myopia ➡ Color blindness ➡ Glaucoma ➡ Albinism VISUAL & AUDITORY ➡ Presbycusis ➡ Acoustic trauma ➡ Auditory processing disorder ➡ Otosclerosis

Slide 22

Slide 22 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE ➡ RSI ➡ Cerebral palsy ➡ Parkinson's ➡ Muscular dystrophy MOTOR

Slide 23

Slide 23 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE ➡ Down’s syndrome ➡ Autism ➡ Global developmental delay ➡ Dyslexia COGNITIVE

Slide 24

Slide 24 text

Making a product accessible limits design possibilities ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE MYTH @CranfordTeague | #UXCampAccessibility

Slide 25

Slide 25 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Every design endeavor, whether a one-off banner ad or a multichannel marketing campaign, is bound by factors that limit creative decision- making. These binding factors are called design constraints. Though they might seem to undermine originality, constraints are keys to unlocking long-term design solutions. – Micah Bowers 
 toptal.com “

Slide 26

Slide 26 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Design is about overcoming limitations

Slide 27

Slide 27 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE https://contrast-grid.eightshapes.com/

Slide 28

Slide 28 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE

Slide 29

Slide 29 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE

Slide 30

Slide 30 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE

Slide 31

Slide 31 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE

Slide 32

Slide 32 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE

Slide 33

Slide 33 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE

Slide 34

Slide 34 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE

Slide 35

Slide 35 text

Accessibility only helps the “disabled” ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE MYTH @CranfordTeague | #UXCampAccessibility

Slide 36

Slide 36 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE At some point in their lives, most people will either have a disability or know someone who has one. — Coleen Boyle, Ph.D. 
 Director of CDC’s National Center on Birth Defects and Developmental Disabilities “

Slide 37

Slide 37 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Making products accessible helps EVERYONE!

Slide 38

Slide 38 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Texting was created for the deaf

Slide 39

Slide 39 text

If we are 508 Compliant, we are accessible. ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE MYTH @CranfordTeague | #UXCampAccessibility

Slide 40

Slide 40 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE [508 compliance] requires Federal agencies to make their electronic and information technology (EIT) accessible to people with disabilities. — Section508.gov “

Slide 41

Slide 41 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE But what does that mean?

Slide 42

Slide 42 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Inclusive Universal Accessible → →

Slide 43

Slide 43 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Lowest Common Denominator?

Slide 44

Slide 44 text

Accessibility compliance is a checklist ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE MYTH @CranfordTeague | #UXCampAccessibility

Slide 45

Slide 45 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE …if accessibility isn’t considered at the beginning of the software development lifecycle, it often falls by the wayside. — Inge De Bleecker CMS Wire “

Slide 46

Slide 46 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE An accessibility checklist 
 should be QA not an afterthought

Slide 47

Slide 47 text

ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE @CranfordTeague | #UXCampAccessibility https://webaccessibilitychecklist.com/

Slide 48

Slide 48 text

Accessibility takes too much time & costs more ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE MYTH @CranfordTeague | #UXCampAccessibility

Slide 49

Slide 49 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE …accessibility can unlock a huge, overlooked market share, reduce potential legal risk, lower operational costs, and boost brand value. If organizations only focus on one single aspect of return on investment, they’ll miss some very big positive factors that are a result of having an accessible digital presence. — Greg Williams 
 Accessibility Program Office Executive “

Slide 50

Slide 50 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Accessibility is the RIGHT THING To do! ETHICAL ARGUMENT:

Slide 51

Slide 51 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Digital negligence towards 
 disabled users loses the market a potential $175 billion spending capability according to The US Department of Labor https://www.dckap.com/blog/what-is-the-roi-on-website-accessibility/ ROI ARGUMENT:

Slide 52

Slide 52 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE 96% of customers who report putting in high effort in their service interactions are disloyal, while only 9% of customers who expend low effort are disloyal. — Harvard Business Review ROI ARGUMENT:

Slide 53

Slide 53 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE According to a recent Nucleus Research report more than 70% of internet sites used blind consumers they surveyed had some type of critical accessibility blocker https://accessibility.deque.com/nucleus-accessibility-research-2019 ROI ARGUMENT:

Slide 54

Slide 54 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE ROI ARGUMENT: https://www.deque.com/blog/the-business-case-for-accessibility/

Slide 55

Slide 55 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Integrating accessibility throughout the design process is less expensive than fixing accessibility in development or after launch FEAR ARGUMENT:

Slide 56

Slide 56 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Once a system is in development, correcting a problem costs 10 times as much as fixing the same problem in design. If the system has been released, it costs 100 times as much relative to fixing in design. — T. Gilb Principles of software engineering management. “

Slide 57

Slide 57 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE The true cost of inaccessible 
 digital products is decided by the courts FEAR ARGUMENT:

Slide 58

Slide 58 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE FEAR ARGUMENT: https://www.deque.com/blog/the-business-case-for-accessibility/

Slide 59

Slide 59 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE WE ARE ALL 
 DIFFERENTLY ABLED CONCLUSION

Slide 60

Slide 60 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE …everyone is in effect in very real terms impaired on a daily basis, on an hourly basis. We all slide up and down that scale of impairment as you're juggling your phone one handed, accessing a website on a sunny day on a small shiny sheet of glass, noisy café, bumpy bus, that sort of thing. — Robin Christopherson 
 Head of Digital Inclusion at AbilityNet “

Slide 61

Slide 61 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE Making sites accessible helps EVERYONE!

Slide 62

Slide 62 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE The accessibility problems of today are the mainstream breakthroughs of tomorrow. — Eve Andersson 
 Director, Accessibility Engineering, Google “

Slide 63

Slide 63 text

ACCESSIBILITY & DEVELOPERS Thanks CRANFORDTEAGUE @CranfordTeague | #UXCampAccessibility

Slide 64

Slide 64 text

@CranfordTeague | #UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE RivetLogic.com

Slide 65

Slide 65 text

JASON CRANFORD TEAGUE UX Lead, Rivet Logic 
 Board Of Advisors at CX at University of Richmond [email protected] 541.600.4422 @CranfordTeague/#UXCampAccessibility ACCESSIBILITY & DEVELOPERS CRANFORDTEAGUE @CranfordTeague | #UXCampAccessibility