做博客这十一年,我见过太多漂亮得让人眼晕的网站。配色高级,动效炫酷,代码写得像诗一样优雅。但说实话,很多这样的网站,用起来真挺让人抓狂的。

前两天,我有个做设计的朋友跟我吐槽。他说他帮客户改了半个月的代码,就为了加几个ARIA标签,客户还不乐意,觉得那是“多余的东西”。客户说:“我的网站明明能打开,为什么要搞那些花里胡哨的无障碍?”

我当时就急了。我说你想想,如果有一天你眼睛受伤了,或者你父母年纪大了,老花眼看不清字,或者他们只听得见声音看不见屏幕,你的网站还能用吗?

这就是典型的网站无障碍的建设方面空缺。很多老板觉得这是给残障人士做的,跟普通用户没关系。大错特错。

咱们先说个最实在的。SEO。

你以为是Google或者百度在瞎爬取你的网页?不是的。搜索引擎的爬虫,本质上就是个“盲人”。它看不见图片,看不见视频,它只读代码。如果你的图片没有alt属性,没有描述,爬虫就不知道这张图是啥。如果你的按钮没有明确的文本标签,只放个图标,爬虫就不知道这个按钮是干嘛的。

结果就是,你的网站在搜索结果里排名掉得亲妈都不认识。

我有个做电商的朋友,之前死活不肯给产品图加alt标签。觉得麻烦,觉得影响加载速度(其实根本不影响)。后来我帮他补上了,大概花了两天时间。三个月后,他的自然搜索流量涨了30%。为啥?因为搜索引擎能读懂他的图片了,长尾词覆盖更全面了。

再说说移动端。

现在谁还坐在电脑前?大家都拿着手机在地铁上、在厕所里、在被窝里刷网页。信号不好的时候,图片加载慢,如果这时候没有清晰的文字提示,用户根本不知道是加载失败了还是没内容。

还有字体大小。

有些设计师喜欢用那种极细的字体,看着挺文艺。但你知道对于很多中老年人来说,那简直就是天书。他们不得不把手机字体调到最大,结果网站布局全乱了,按钮点不到,文字重叠。这时候,用户会怎么做?关掉,走人。

这就是网站无障碍的建设方面空缺带来的直接后果:流失用户。

你以为只有视障人士需要无障碍?错了。

听力障碍人士需要视频有字幕。

运动障碍人士需要能用键盘操作,而不是只能靠鼠标点击。

认知障碍人士需要清晰的导航和简单的语言。

甚至,当你手里拿着刚买的热咖啡,或者抱着孩子,腾不出手来精准点击那个小小的“X”关闭按钮时,你也会怀念那些大按钮和清晰的关闭逻辑。

我自己在做博客的时候,踩过不少坑。

一开始,我也觉得无障碍是“锦上添花”。后来我发现,当我把网站的对比度调高,把按钮做得更大,把链接文本写得更清楚时,不仅视障用户觉得舒服,普通用户也觉得清爽。

因为清晰,就是美。

不要等到被投诉了,或者流量暴跌了,才想起来去补这些课。

网站无障碍的建设方面空缺,其实是个伪命题。它不是空缺,它是基础。就像你盖房子,地基没打好,装修再豪华,风一吹就倒。

具体怎么做?

第一,检查图片。每张图都有alt吗?描述准确吗?

第二,检查颜色。文字和背景的对比度够不够?是不是那种看着费劲的浅灰色配白色?

第三,检查键盘导航。你能只用Tab键,不碰鼠标,就把整个网站逛一遍吗?

第四,检查表单。输入框有标签吗?错误提示清楚吗?

这些都不难,也不贵。甚至不需要请专门的无障碍顾问,只要开发者有点良心,有点同理心,就能做到。

别再把无障碍当成负担了。它是你网站的一部分,是你的用户的一部分,也是你品牌温度的一部分。

下次再有人跟你说“搞什么无障碍,没人看”,你可以把这篇文章甩给他。

毕竟,互联网应该是给所有人用的,而不是只给视力好、手速快、年轻力壮的人用的。

咱们做技术的,有点人文关怀,不好吗?