用设计令牌提高可及性

About this presentation

关于本演讲

Ever since Salesloft’s rebrand I’ve been thinking a lot about accessibility. Our decision to make green our brand color helps us standout in the marketplace. However, it causes issues for our customers affected by colorblindness.

自从Salesloft的品牌重塑以来，我一直在思考可及性问题。我们决定将绿色作为我们的品牌颜色，这有助于我们在市场上脱颖而出。然而，它给我们受色盲影响的客户带来了问题。

This presentation covers discusses improving accessibility with design tokens. By using tokens to enable theming, we can begin to build colorblind themes.

这个演讲涵盖了讨论用设计标记来提高可及性。通过使用标记物来实现主题化，我们可以开始建立色盲主题。

This is an abbreviated version from July 22, 2022 and given to Salesloft’s Product Leadership, Product Management and Product Experience teams.

这是2022年7月22日的缩略版，交给Salesloft的产品领导力、产品管理和产品体验团队。

Transcript

转载

Good morning everyone.

大家早上好。

For those of you I haven’t had the opportunity to meet yet, my name is Sam Solomon. I’m a Staff designer here and I lead design for our platform and workflow pods.

对于那些我还没有机会见到的人来说，我的名字是Sam Solomon。我是这里的工作人员设计师，我负责我们的平台和工作流程舱的设计。

I’d like to talk with you today about improving accessibility with design tokens.

我今天想和你谈谈用设计令牌来提高可及性。

But first, I’d like to talk about a problem.

但首先，我想谈谈一个问题。

A problem several of our customers started having about a year ago.

大约一年前，我们的几个客户开始遇到一个问题。

For those of you who have been here longer than a year this page might look familiar—it’s our old homepage, old colors and old brand.

对于那些在这里工作超过一年的人来说，这个页面可能看起来很熟悉--这是我们的旧主页、旧颜色和旧品牌。

If you login to Salesloft today, this is what you’ll see.

如果你今天登录到Salesloft，你会看到这样的情况。

This is the rebranded product—which was a great accomplishment.

这是重新命名的产品--这是一个伟大的成就。

It has been well-received by our customers and allowed us to differentiate ourselves in the market.

它受到了我们客户的欢迎，使我们在市场上脱颖而出。

And as far as rebranding projects go, this went incredibly smoothly.

就品牌重塑项目而言，这次的进展令人难以置信地顺利。

However, there’s a problem.

然而，有一个问题。

Because not everyone got this. Some people got this—

因为不是每个人都得到了这个。有些人得到了这个--

A collection of gray blobs.

灰色斑点的集合。

Those that got this—of course—are our users affected by color...