Accessibility rocks!

A presentation at UXcamp Europe 2016 in June 2016 in Berlin, Germany by Gunnar Bittersmann

Slide 1

Slide 1

Slide 2

Slide 2

“The 11 in a11y stands for the number of times you have to tell developers that accessibility is important.” —Ian Devlin

Slide 3

Slide 3

a11y a c _ c _ e _ s _ s _ i _ b _ i _ l _ i _ t _ y 1 2 3 4 5 6 7 8 9 10 11

Slide 4

Slide 4

i18n i n _ t _ e _ r _ n _ a _ t _ i _ o _ n _ a _ l _ i _ z _ a _ t _ i _ o _ n 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

Slide 5

Slide 5

l10n l o _ c _ a _ l _ i _ z _ a _ t _ i _ o _ n 1 2 3 4 5 6 7 8 9 10

Slide 6

Slide 6

@g16n. g u _ n _ n _ a _ r _ _ b _ i _ t _ t _ e _ r _ s _ m _ a _ n _ n 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

Slide 7

Slide 7

@tcaspers t o m a s c a s p e r s

Slide 8

Slide 8

@grafikkasper c h r i s t i a n m ü l l e r

Slide 9

Slide 9

Slide 10

Slide 10

Slide 11

Slide 11

Slide 12

Slide 12

Accessibility: ☛ content should be available to everyone ☛ functionality could be operated by everyone

Slide 13

Slide 13

Impairments visual motor hearing cognitive temporary permanent situational

Slide 14

Slide 14

“Everybody is a keyboard user when eating lunch with their mouse hand.” —Adrian Roselli

Slide 15

Slide 15

“The disability is not the problem. The accessibility is the problem.” —@PathstoLiteracy

Slide 16

Slide 16

“Accessibility is fundamentally a design problem, not a disability problem.” —David Storey

Slide 17

Slide 17

“Developers…don’t really understand anything beyond the superficial appearance on screen and whether you can interact with it the way they would interact with it.” —Karl Groves

Slide 18

Slide 18

Web Content Accessibility Guidelines (WCAG) ☛ percievable ☛ operable ☛ understandable ☛ robust

Slide 19

Slide 19

Slide 20

Slide 20

Slide 21

Slide 21

Slide 22

Slide 22

Slide 23

Slide 23

Slide 24

Slide 24

Slide 25

Slide 25

Slide 26

Slide 26

Slide 27

Slide 27

“When I see inaccessible code, my first thought isn’t ‘stupid developer’; it’s ‘dysfunctional company design culture’.” —Heydon Pickering

Slide 28

Slide 28

“How do I convince stakeholders?” “Don’t! Just go ahead and do it anyway!” —Léonie Watson

Slide 29

Slide 29

“The best time to consider accessibility is at the beginning, the second best time is now.” —David Bolter

Slide 30

Slide 30

“Accessibility is like a blueberry muffin— you can’t push the berries in there afterward.” —Cordelia McGee-Tubb

Slide 31

Slide 31

“Arguing with teammates over ‘bothering with accessibility’ makes me so angry. Every. Time. So. Angry. Yes. ‘Bother’. It’s your job.” —Jen Simmons

Slide 32

Slide 32

Slide 33

Slide 33

Slide 34

Slide 34

Slide 35

Slide 35

“A11y Rocks” artwork by Heydon Pickering

Slide 36

Slide 36

“This is for everyone” photo by Nick Webb, CC-BY-2.0

Slide 37

Slide 37

Fira Sans and Fira Mono fonts by Erik Spiekermann

Slide 38

Slide 38