首页 / 科技 / 正文

上次帮视障朋友抢演唱会票,我才懂网页无障碍根本不是公益噱头

上个月帮视障朋友阿明抢五月天的演唱会票。

那天我特意定了闹钟,守在电脑前面,阿明比我还早半小时就坐好了,开着他用了三年的读屏软件,把语速调到最快,就等着开售那一秒点按钮。

结果开售之后我这边都填完收货地址了,他那边发来个带着气的语音条,说”什么破网站,读屏念了三分钟,全是图片,连抢票俩字都找不到”。

我当时就火了。

点进去那个抢票页才发现,整个核心的抢票按钮就是个纯图片,连个文字标签都没有,读屏软件扫到这里,只能干巴巴念一句”未命名按钮”。合着用户知道这按钮是干啥的啊?是抢票?是返回?还是关闭弹窗?

我之前总觉得网页无障碍是大企业凑公益KPI的噱头,直到那天看着阿明反复刷新了二十多遍页面,最后还是没抢到票,我才反应过来——我们天天吐槽的网页难用,对另一群人来说,根本不是难用,是根本进不去门。

别扯什么“特殊需求”,这是最基础的网页体面

很多人一听到“网页无障碍”,第一反应就是“哦,那是给盲人、听障人士做的东西,跟我有啥关系”。

谁没经历过?大太阳下走在路上,想点开外卖软件看一眼骑手到哪了,浅灰色的字配白背景,晃得你把手机举到眼前贴着脸才能看清字;手上拎着两大袋超市买的东西,腾不出手点屏幕,喊半天语音助手,结果网页上的按钮根本没做语音识别适配;年纪大了眼神不好,把手机字体拉到最大,结果网页直接布局错位,按钮叠在一起,点半天全点错。

你看,这些你天天遇到的破事儿,本质上都是无障碍要解决的问题。

视障用户使用读屏软件浏览网页真实场景

真的不是只有残障群体才需要。我们每个人都有暂时“不方便”的时刻——崴了脚在家躺着没法用鼠标,感冒发烧脑子昏沉看字费劲,甚至只是刚从电影院出来眼睛适应不了强光,这些时刻你都是网页设计里的“特殊用户”。

真正的无障碍从来不是给网页贴个“支持无障碍”的标签,而是让所有打开网页的人,不管是用眼睛看,还是用读屏软件听,都能顺顺利利找到自己要的内容。这根本不是什么额外的公益投入,是一个网页最基本的体面——你不能把路修好了,却在每个入口都装个只有身高一米八的人才能摸到的门把手。

别做“表面无障碍”,那比没做还恶心

我见过太多网站的操作了。为了凑合规要求,在网页最不起眼的角落藏个半透明的灰色按钮,上面写着“无障碍模式”,点进去呢?啥变化没有,原来啥样还是啥样。就像你在商场门口挂个牌子“欢迎残障人士进入”,结果进门的台阶比膝盖还高,连个坡道都没有。

更离谱的是那种全图片做的网页。整个首页找不到一个能被读屏软件识别的文字,所有按钮都是设计师导出来的png图,连个alt文本都没写。上次我陪阿明刷一个景区的预约网页,读屏软件从头到尾念了二十个“未命名图片”,他坐那听了三分钟,连预约按钮在屏幕哪个位置都摸不到。

什么叫真的用心做无障碍?

比如所有的交互按钮,不要只靠颜色区分状态——你用红色标了必填项,旁边就加个小小的星号,不然色弱的用户根本分不清哪个框要填;比如所有图片的替代文本,别写“风景图”“配图”这种没用的话,要写清楚这张图是什么——是演唱会的购票入口,是政务服务的社保查询按钮,是文章里配的猫的照片,让读屏软件念出来的时候,用户能知道自己面对的是什么。

网页图片alt文本代码标注示例
网页图片alt文本代码标注示例

那种敷衍的无障碍,本质上就是在耍流氓——你明知道有人摸不到门把手,还故意把门把手涂成和墙一样的颜色,甚至干脆把门把手换成个印着“门把手”三个字的贴纸,然后跟全世界说“我家的门是欢迎所有人进的”。

别拿“成本高”当借口,很多改动真的不费事儿

别拿“成本高”当借口,很多改动真的不费事儿
别拿“成本高”当借口,很多改动真的不费事儿

之前跟一个做前端的朋友吃饭,聊到这个话题,他说很多产品经理从一开始做原型的时候,就根本没把无障碍当回事。按钮的可点击区域设得比指甲盖还小,输入框的提示文字一聚焦就消失,甚至为了视觉效果,把字的透明度调到30%,看起来是高级了,但是正常人盯着看都累,更别说视力不好的人了。

他说很多人觉得做无障碍要重构整个网站,要多花几十万成本,根本不是。写图片alt文本,就是写代码的时候多敲一行注释的事儿;把按钮的可点击区域从20px调到40px,就是改个css数值的事儿;把浅灰色的文字从#eee调到#666,就是换个色值的事儿。

这些改动,加起来花不了一个开发半天的时间。

说实话,我之前也觉得做这些有啥用,直到那天自己发烧到38.5度,刷一个政务服务的网页,浅灰色的字配白背景,我盯着看了五分钟,眼睛都花了,连“社保查询”四个字都找不着,那瞬间突然共情了——原来眼睛不好的人,每次打开这种网页,就是这种抓瞎的感觉。

后来阿明跟我说,他之前抢了三次演唱会票,每次都因为读屏软件识别不了按钮错过,那天跟我聊完,他特意给那个票务平台的客服发了反馈,过了半个月再刷,平台的抢票按钮终于标上了明确的文字标签。他发语音给我的时候,声音都带着笑,说”这次我终于能自己抢票了,不用麻烦别人了”。

你看,我们总说互联网要拉平距离,要让所有人都能方便地获取信息。但如果我们做出来的网页,连最基本的识别性都没有,那所谓的“平等上网”,就是一句空话。

谁都有老的那天,谁都有遇到不方便的那天。你今天在做网页的时候多敲的那行alt文本,多调的那个按钮大小,说不定哪天,就帮到了正在蹲在地铁上晃得眼晕的你自己,帮到了年纪大了眼神不好的父母,帮到了那个想自己抢一张演唱会票的视障朋友。

真的没那么难。