网站视图针对色盲优化,改善色盲用户的色彩可访问性( 五 )

三.彩色滤光片 , 拾取器和色板

下面的屏幕截图显示了亚马逊上的彩色滤镜 , 有人看到有无幻视(红绿色盲) , 如果没有描述性文本 , 则无法区分许多可用选项 。

没有标签的彩色滤光

当用户悬停时 , 亚马逊会显示描述性文字 , 但在移动设备上无法使用悬停 。

Gap通过在每种颜色旁边添加文本标签来解决此问题 , 如下所示:

这恰好对视力正常的人也有益 。 例如 , 黑色和海军是难以在屏幕上区分的颜色 。 文本标签可以消除猜测 。

四.链接识别

链接应该很容易发现 , 而不依赖于颜色 。

要查找链接 , 用户将不得不用鼠标悬停等待光标更改为指针 。 在移动设备上 , 他们可以点击文本 , 希望它会发出页面请求 。

推荐阅读