从地图标记开始
我们首先重新设计了地图标记，因为我们处理配色方案产生重大影响。我们之前的标记边界不清晰，视力较差的人可能难以区分它和它背后的地图。
WCAG（Web 内容可访问性指南）要求两个元素之间的对比度至少为 3.5:1。由于地图标记的颜色可能与其背后的地图颜色过于接近，我们认为这是一个值得改进的领域。我们打破了标记的行业标准，添加了双边框，并采用一致的白色轮廓。通过这种设计，无论背景如何，标记的对比度始终至少为 11:1。
我们还设计了中心点会根据标记的颜色从白色变为黑色，以确保始终有一个清晰的焦点。这个功能是修改调色板的关键。
图中蓝色圆圈表示两个地图标记，标记下方的列中显示了对比度。
修改后的地图标记及其对比度对比。
开发调色板
标记完成后，我们开始开发色盲友好型调色板。基于我们设计系统团队 孟加拉国 viber 数据 之前创建无障碍调色板的工作，我们选择了 24 种最合适的颜色。我们移除了所有在地图背景上太亮而无法辨认的颜色，以及太暗而难以辨认的颜色。
两种调色板的并排比较。第二个调色板的颜色选择较少。
左侧图表展示了 Salesforce 的无障碍配色方案。右侧图表则展示了专为色盲用户设计的精简配色方案。[Jon Jordan/Salesforce]
我们使用了色盲模拟器来测试我们的无障碍 ( a11y ) 调色板。由于初始调色板针对不同类型的色盲，导致重复颜色过多。因此，我们继续进行实验。我们希望在为用户提供尽可能丰富的颜色集的同时，兼顾所有色盲类型。最终，我们从 a11y 调色板中确定了一组 12 种颜色，并对其进行了调整以最大程度地提高区分度，并添加了黑色和白色。