每十二个男性里就有一个色觉障碍者。你的网站用红色标必填项、绿色表示成功、红绿曲线画对比图,在他们眼里,这些区别根本不存在。做了十年广州网站建设,我发现这是最容易被忽略、又最容易修的一个坑。
色盲用户看到的世界
红绿色盲最常见,红和绿在他们眼里是相近的土黄或灰褐。你精心设计的"红色警告、绿色通过",人家看着是两坨深浅相近的颜色。库存状态用红绿圆点标记的电商页面,色盲用户只能挨个点进去碰运气,体验糟到家了。
解法就一句话:别让颜色单干
颜色可以用,别让它当唯一信号。错误提示除了标红,加个叉号图标加一行文字;成功状态除了变绿,加个对勾;图表曲线除了分色,再用实线虚线或者形状区分。颜色加符号加文字,三保险,谁都看得懂。这不增加什么开发量,纯粹是设计阶段多想一步的事。
表单是重灾区
见过太多表单,出错了就把输入框描个红边,别的什么都没有。色盲用户填完一提交,页面弹回来,他找半天不知道哪里错了,反复三次,直接关页面走人。询盘表单是官网的收银台,收银台出这种岔子,前面引流做得再好也白搭。企业建站投入同比涨22.7%,钱花在刀刃上,先把表单提示改成"颜色加文字"双通道。
自测工具用起来
Chrome开发者工具里有色觉模拟功能,一键切换成红绿色盲视角看自己的站。设计师出稿后花十分钟过一遍,问题当场现形。我要求合作的设计师每稿必查,一开始嫌麻烦,查出几次问题后比我还积极。
这事关乎的用户比你想的多
全球色觉障碍人口超三亿,比整个美国人口还多。做外贸站的更得掂量,欧美对包容性设计的舆论敏感度高,官网出这种低级问题,专业形象直接打折。超73%的中大型企业把官网当核心营销资产,资产就得照顾到每一类访客。说句实话,色盲友好设计不要钱、不费事,缺的只是有人在建站时提这一嘴。现在我提了,你记下了,回头验收就照这个查。
最后留个作业:把你官网的产品状态、库存标记、图表全截图下来,转成灰度图看一遍,信息还能分辨清楚的就过关,糊成一团的就得改。灰度测试是成本最低的色盲检查法,五分钟出结果,这五分钟花得值不值,改完看询盘数据就知道。
广州网站建设
如没特殊注明,文章均为高端网站定制专家万智网络原创,转载请注明来自https://www.wanzhiweb.com/xwzx/jyfx/18173.html


