1 of 53

DESIGNING

FOR

ACCESSIBILITY

@Burnt Toast on dribbble

2 of 53

Theories on Accessibility

3 of 53

INCLUSIVE DESIGN

@Kris Woolery on dribbble

4 of 53

@Michael But on dribbble

5 of 53

UNIVERSAL DESIGN

@Teodor Hristov on dribbble

6 of 53

@salestinus sustyo h on dribbble

7 of 53

Color Accessibility

8 of 53

@Brightscout on dribbble

9 of 53

@Brightscout on dribbble

protanopia

10 of 53

@Brightscout on dribbble

deuteranopia

11 of 53

@Brightscout on dribbble

tritanopia

12 of 53

@Brightscout on dribbble

grayscale

13 of 53

@Brightscout on dribbble

14 of 53

15 of 53

COLOR

VIBRATION

16 of 53

Font Accessibility

17 of 53

This is an accessible font size for a presentation.

This is not an accessible font size for a presentation.

18 of 53

Arial

Helvetica

Courier

Calibri

Comic Sans

Century Gothic

Times New Roman

Great Vibes

Lobster

Permanent Marker

Nothing You Could Do

Faster One

Easy to Read Fonts

Not as Easy to Read Fonts

19 of 53

R i v e r

Eff ec t

20 of 53

Justified text can be difficult to read for both dyslexic and non-dyslexic readers because it creates large and uneven spaces between words. This may lead to a distracting river of whitespace. When this occurs, dyslexic readers may easily lose their place when reading. To avoid this, use left-aligned text instead.

Justified text can be difficult to read for both dyslexic and non-dyslexic readers because it creates large and uneven spaces between words. This may lead to a distracting river of whitespace. When this occurs, dyslexic readers may easily lose their place when reading. To avoid this, use left-aligned text instead.

21 of 53

Double spacing after periods can also be difficult for readers with dyslexia. This practice may also result in rivers of whitespace between sentences. It can lead to some readers having trouble finding the end of sentences.

22 of 53

23 of 53

Pure Black

24 of 53

Long blocks of unbroken text are actually difficult for dyslexic readers — and honestly, everyone — to read because it’s easy for people to lose their place in these types of paragraph. It’s better to use short paragraphs to express a singular idea. That’s because dyslexic readers need more breaks and pauses in between reading than non-dyslexic readers. Breaking up your paragraphs isn’t just a good practice for dyslexic readers, it’s a good practice for all users. Long blocks of unbroken text are actually difficult for dyslexic readers — and honestly, everyone — to read because it’s easy for people to lose their place in these types of paragraph. It’s better to use short paragraphs to express a singular idea. That’s because dyslexic readers need more breaks and pauses in between reading than non-dyslexic readers. Breaking up your paragraphs isn’t just a good practice for dyslexic readers, it’s a good practice for all users. Long blocks of unbroken text are actually difficult for dyslexic readers — and honestly, everyone — to read because it’s easy for people to lose their place in these types of paragraph. It’s better to use short paragraphs to express a singular idea. That’s because dyslexic readers need more breaks and pauses in between reading than non-dyslexic readers. Breaking up your paragraphs isn’t just a good practice for dyslexic readers, it’s a good practice for all users. Long blocks of unbroken text are actually difficult for dyslexic readers — and honestly, everyone — to read because it’s easy for people to lose their place in these types of paragraph. It’s better to use short paragraphs to express a singular idea. That’s because dyslexic readers need more breaks and pauses in between reading than non-dyslexic readers. Breaking up your paragraphs isn’t just a good practice for dyslexic readers, it’s a good practice for all users. Long blocks of unbroken text are actually difficult for dyslexic readers — and honestly, everyone — to read because it’s easy for people to lose their place in these types of paragraph. It’s better to use short paragraphs to express a singular idea. That’s because dyslexic readers need more breaks and pauses in between reading than non-dyslexic readers. Breaking up your paragraphs isn’t just a good practice for dyslexic readers, it’s a good practice for all users.

25 of 53

26 of 53

Serif

27 of 53

Italics

28 of 53

Video Accessibility

29 of 53

FLASHING

LIGHTS

@Mantas Baciuska on dribbble

30 of 53

PHOTOSENSITIVITY

  • headache
  • nausea
  • dizziness
  • seizures

SYMPTOMS

TRIGGER CAUSES

  • flash frequency
  • brightness
  • contrast with background lighting
  • distance from light source
  • light wavelength
  • eyes open or closed

31 of 53

  • flickering & rolling images on televisions and computer screens
  • rapid flashes or alternating patterns of different colors
  • strobe lights
  • natural light shimmering off water, flickering through trees, or through the slats of Venetian blinds
  • certain visual patterns, especially stripes of contrasting colors

COMMON TRIGGERS OF EPILEPSY

32 of 53

33 of 53

“Electric Soldier Porygon”

01x38

December 16, 1997

34 of 53

35 of 53

Accessible Products

36 of 53

UNO BRAILLE

37 of 53

38 of 53

39 of 53

40 of 53

41 of 53

x

42 of 53

43 of 53

amazon

ALEXA

44 of 53

Interactive Time

45 of 53

Case 1

An online retail store has just done some consumer testing and realized there’s an entire subset of people who don’t use their site at all. Primarily the blind and low vision, these consumers find it difficult to navigate their website because they have a hard time reading its content. What can this online retail store do to reach these consumers?

46 of 53

Case 2

FourK holds a monopoly on the utensil and dinnerware industry. After some recent observations, they discover a new pain point with their products — for people of low mobility, it can be difficult to eat sometimes. For example, people with Parkinson’s may shake too much when they’re trying to lift their soup spoon. What products can they design to make eating easier?

47 of 53

Final Thoughts

48 of 53

With respect to design, I started to think that recognizing exclusion is a skill we can build. It’s an actionable starting point for thinking in new ways about how well a design does or doesn’t meet a person’s needs or preferences. Once we learn how to recognize exclusion, we can begin to see where a product or experience that works well for some might have barriers for someone else. Recognizing exclusion sparks a new kind of creativity on how a solution can be better.

Kat Holmes

ux director @ google

49 of 53

WORKS CITED

50 of 53

WORKS CITED

51 of 53

WORKS CITED

52 of 53

SOME OTHER NEATO LINKS YOU CAN CHECK OUT

53 of 53