我们还根据标记的颜色将中心点从白色变为黑色,以确保始终有一个清晰的焦点。此功能是修改调色板的关键。
图中蓝色圆圈表示两个地图标记,标记下方的列中显示了对比度。
修改后的地图标记和对比度比较。[Jon Jordan/Salesforce]
标记完成后,我们开始开发适合色盲人士的调色板。在我们的设计系统团队之前创建可访问调色板的基础上,我们选择了 24 种最合适的颜色。我们删除了所有太亮而无法在地图背景上看到的颜色以及太暗而难以区分的颜色。
两个调色板的并排比较。第二个调色板显示颜色选择减少。
左侧图表显示了 Salesforce 的可访问调色板。右侧是针对色盲的简 俄罗斯 whatsapp 号码数据 化调色板。[Jon Jordan/Salesforce]
我们使用了色盲模拟器来检查我们的可访问性 ( a11y ) 调色板。在不同类型的色盲中,我们的初始调色板产生了太多重复。因此,我们继续进行实验。我们希望在为用户提供尽可能最大的颜色集的同时,平衡所有色盲类型。我们最终从 a11y 调色板中确定了一组 12 种颜色,对其进行了调整以最大限度地区分,并添加了黑色和白色。
没人想过为 CVD 设计。最多可能有一个切换选项,其中可用的颜色较少。
社区成员
Reddit 上的 r/colorblind 群组
测试适合色盲人士的调色板
使用色盲模拟器能做的事情非常有限。虽然这是一个很好的起点,但我们需要与真实用户一起测试调色板。