1 of 96

Accessibility materials for product designers

David Cox (he / him)

2 of 96

Hi, I’m David

3 of 96

I live in Toronto

4 of 96

I work on

design systems,

5 of 96

I work on

design systems,

digital accessibility

6 of 96

I work on

design systems,

digital accessibility

and product design.

7 of 96

Past design systems:

  • Ontario
  • GOV.UK

8 of 96

Current design system:

  • Lyft

9 of 96

Note: opinions expressed are my own.

This talk does not represent the opinions or policies of any organization.

10 of 96

Slides and resources

11 of 96

Vibe check

12 of 96

Joining Lyft

13 of 96

Accessibility Specialist

Product Designer

14 of 96

I wanted to keep working in digital accessibility.

15 of 96

“If you hire me, I’ll do accessibility work.”

16 of 96

I’m… hired?

I guess it’s time to do accessibility work.

17 of 96

I wanted to focus on long-term, sustainable improvements.

18 of 96

Building up, not tearing down

  • Culture
  • Capacity
  • Strategy
  • Skills

19 of 96

Additive

accessibility

work

20 of 96

Finding my place

21 of 96

I’m comfortable

in technical.

22 of 96

So, I started

with technical.

23 of 96

2 things became quickly apparent:

24 of 96

  1. Mobile engineering had a solid foundation.

25 of 96

  • Engineers had become keepers of and advocates for accessibility.

26 of 96

There was opportunity to improve the design-side foundations.

27 of 96

We could improve accessibility in the design phase, before it even gets to engineers.

28 of 96

Definitely the first one to ever think of this idea…

…right?

29 of 96

shift

left?

30 of 96

Yep,

shift

left!

Timeline

Beginning

End

31 of 96

start

early.

Early

Too late

32 of 96

Starting accessibility work early:

  • Saves time
  • Prevents wasted effort
  • Leads to overall more accessible products

33 of 96

“Bugs are cheap when caught young.”

– Larry Smith, the Shift Left coiner

34 of 96

What’s on the left?

  • Planning & requirements
  • User research
  • Product design
  • Interaction design
  • Service design
  • Content design
  • ‘Discovery’ work

35 of 96

I chose to start with product design.

36 of 96

How much do product designers need to know?

37 of 96

Probably something.

Probably not everything.

38 of 96

What’s a product designer’s job?

39 of 96

Work with their team and other partners

40 of 96

Work with their team and other partners to create, iterate, and hand off designs to engineers,

41 of 96

Work with their team and other partners to create, iterate, and hand off designs to engineers, both quickly and accurately.

42 of 96

Luckily, Lyft product designers already had a great toolset.

43 of 96

But none of the materials fully met accessibility learning needs.

44 of 96

I had found my place;

the thing to add.

45 of 96

Meeting the needs

46 of 96

So many options

47 of 96

So many tensions to hold in balance

Product designers:

  • Need to work quickly
  • Need to know how to communicate with engineers
  • Need to be able to remember a lot of things
  • May not have capacity for non-essential learning

48 of 96

Early decision:

Sell it as part of the design system.

49 of 96

Make accessibility work part of your role.

50 of 96

Some tensions on scales

51 of 96

Well rounded

Fit for purpose

Breadth

52 of 96

Considerations

Base the decision on learners’:

  • Capacity for new training
  • Involvement level
  • Existing experience

53 of 96

Hot take 🌶️

Fit for purpose is a luxury

54 of 96

Off the shelf

Custom built

Specificity

55 of 96

Considerations

Base the decision on:

  • Team’s capacity
  • Availability of good quality materials
  • Team’s expertise
  • Uniqueness of product environment

56 of 96

Hot take 🌶️

Try off the shelf, until proven unsuccessful

57 of 96

Existing workflows

New processes

Integration

58 of 96

Considerations

Base the decision on:

  • Quality and success of current processes
  • Suitability of format
  • Relevance of existing materials
  • Complexities of any potential new process

59 of 96

Hot take 🌶️

New processes usually require some luck or pain.

60 of 96

Part 1:

Figma annotation components

61 of 96

Fit for purpose

Adapted from other sources

Existing workflows

62 of 96

63 of 96

Part 2:

Foundational training

64 of 96

Fit for purpose

Custom built

Existing workflows

65 of 96

66 of 96

Part 3:

Reference material

67 of 96

Fit for purpose

Custom built

Existing workflows

68 of 96

Imagine there’s a screenshot of a boring internal web page.

69 of 96

Part 4:

Handoff guidance

70 of 96

Well rounded

Custom built

Existing workflows

71 of 96

72 of 96

Part 4:

Reference material

73 of 96

Fit for purpose

Custom built

Existing workflows

74 of 96

Imagine there’s a screenshot of a boring internal web page.

75 of 96

Part 5:

Handoff checklist

76 of 96

Fit for purpose

Custom built

Existing workflows

77 of 96

78 of 96

So, how much do product designers need to know about accessibility?

79 of 96

Enough to do their job, which involves making accessible products

80 of 96

How it’s going

81 of 96

Still just getting started!

82 of 96

The Figma annotation components are a hit.

83 of 96

Still waiting for the training to fully roll out.

84 of 96

What’s next

85 of 96

Engineering training?

More product designer tools?

86 of 96

We have an accessibility strategy for the design system team.

87 of 96

Hoping for tons of exciting improvements in 2025!

88 of 96

Final thoughts

89 of 96

It’s worth considering your accessibility material’s users.

90 of 96

It’s worth considering your accessibility material’s context.

91 of 96

It’s worth considering your accessibility material’s ecosystem.

92 of 96

Not everything has to be custom tailored.

93 of 96

But don’t underestimate the value of existing workflows.

94 of 96

Consider opportunities to transform non-accessibility roles and teams into accessibility champs.

95 of 96

P.S.

Come get a sticker!

96 of 96

Questions

and thank you!