1 of 42

Making our products

more accessible

Pearl Latteier, Lunch and Learn, Oct 30 2019

2 of 42

WHO?

3 of 42

Visual

4 of 42

Motor

5 of 42

Hearing

Photo by kyle smith on Unsplash

6 of 42

Cognitive

7 of 42

WHAT?

8 of 42

creating a

better experience

for all users

9 of 42

Perceivable

Operable

Understandable

Robust

Web Content Accessibility Guidelines (WCAG) 2.0

10 of 42

HOW?

11 of 42

Perceivable

12 of 42

Perceivable

Is alternative text provided for any non-text content (images, charts, audio, video)?

13 of 42

14 of 42

15 of 42

AUDIO

Transcript = A.

VIDEO

Not seizure inducing = A.

Captions = AA.

Transcript = AAA.

16 of 42

Perceivable

Is there adequate color contrast?

17 of 42

18 of 42

Perceivable

Is meaning or function conveyed by color alone?

19 of 42

20 of 42

21 of 42

Perceivable

Is the structure of information clear in all contexts?

22 of 42

23 of 42

Operable

24 of 42

Operable

Is all functionality available without a mouse?

25 of 42

Operable

Is all functionality available at 300% zoom?

26 of 42

27 of 42

Operable

Is all functionality available when text and display size are maximized?

28 of 42

29 of 42

Operable

Do users have control of timing?

30 of 42

31 of 42

Operable

Can users navigate, find content, and determine where they are?

32 of 42

33 of 42

Understandable

34 of 42

Understandable

Does the UI look and function in predictable ways?

35 of 42

36 of 42

Understandable

Do input labels and errors clearly reference the input?

37 of 42

38 of 42

Robust

39 of 42

Robust

Does it work reliably on a range of browsers and devices, including assistive technology?

40 of 42

41 of 42

42 of 42

Resources