无障碍设计：从第一行代码践行技术尊重

　　2026年7月，我坐在他们公司三楼小会议室里，投影仪在头顶嗡嗡响，像只卡在散热口的马蜂。客户老张穿件洗得发灰的POLO衫，左手转一支没墨的中性笔，右手始终没碰过桌上那盘切好但没人动过的哈密瓜——果肉干边了，籽还黏在牙签上。

　　销售小陈提前半小时把人拉进群，消息是“客户要个淘宝那样的”，后面跟了个龇牙笑表情。我没回。十分钟后他私信我：“架构师你盯下，预算三千。”我盯着屏幕看了十七秒，手指悬在键盘上，没打字。后来在电梯里撞见测试组老赵，他冲我抬下巴：“又接‘淘宝那样的’？”我点头。他摁了B2，“我上个月测完他们上个‘京东那样的’，扫码支付按钮颜色改了三次——全靠眼瞅。”

　　我们真做了。不是淘宝，是淘宝首页缩略图+购物车图标+一个弹窗“欢迎光临”。无障碍？第一行代码我就写了role="navigation"，labelledby挂了语义ID。但客户说“先做出来看看”。结果呢？我原以为“看看”是走个流程，结果他们拿着手机对着阳光拍录屏，就为了截图那个“立即购买”按钮没高对比度——可按钮底色是#FF6B35，他们自己选的，还夸“有活力”。我说“灰色系方案早发过”，老张摇头：“现在要亮一点。”我说“那至少加个focus-visible伪类”，他转笔更快了：“等上线再调，急用。”

　　上线那天下午四点十二分，客户在群里甩来一段语音，五秒，背景里有打印机卡纸声。点开，就一句：“怎么读屏念‘button slash slash slash’？slash是啥？我们不教盲人学编程！”我回微信：“是ARIA标签漏了aria-label。”——删掉，重写：“已补，两分钟内生效。”再删，发了个“收到”。然后我切到后台悄悄把accessibility.js文件锁了编辑权限。他们至今不知道那两分钟里我删了三行注释、改了两处tabindex、把所有img的alt值从“商品图”硬改成“新疆阿克苏冰糖心苹果，红润饱满，表面有细小糖霜结晶”，就因为上午老张指着水果盘说：“这哈密瓜，得多写点细节。”

　　拖了两个月。不是开发拖，是需求在跳：今天要加微信登录（他们自己公众号还没认证），明天说“能不能让页面一打开就自动放大120%”，后天发现读屏读不出购物车数量——查了一小时，原来是他们采购的第三方弹窗组件，把aria-live设成了off。我说换掉，老张转笔停了半秒：“加钱吗？”我没吭声。他笑了：“哎呀，技术问题嘛，谁不碰上。”我盯着他袖口磨出毛边的线头，突然想起上个客户，做政务预约系统，坚持把验证码换成“点击播放音频”，结果上线三天，聋人用户投诉电话打爆了12345——最后他们连夜把音频按钮藏进二级菜单，配了句小字“听力障碍者请使用文字验证码”。没提为啥一开始不用文字版。

文章配图，仅供参考

　　我当然发了。zip里accessibility.js被我替成个空函数，return null；而真正的校验逻辑，编译进了vendor.min.js，混着React源码压缩在一起，十六进制编码了三遍——不是防破解，是防他们找外包把我的注释当文档抄。毕竟他们上次改个颜色，要求设计稿标注RGB和CMYK双值，理由是“印刷品可能要用”。

　　所以你说“从第一行代码践行技术尊重”——站得住。为什么？优胜劣汰。不是用户淘汰产品，是技术债淘汰甲方。上个月我翻历史工单，三年前那个“加个分享按钮”的客户，现在网站连SVG图标都渲染不出来，他们自己招的前端在群里问：“ 为啥页面一片空白？”没人答。因为当年他们砍掉了SVG sprite生成脚本，理由是“先做出来看看”。

　　会议室空调坏了，风速档位卡在“中”，吹得老张后颈汗毛直竖。他忽然说：“其实我们老板说，盲人用不了咱这APP，最多百来个。”我说：“嗯。”他补了句：“而且，淘宝也没做这么细啊。”我点头：“对，淘宝没做。但淘宝有三百亿营收托着容错率，您这个项目，账上流水够付我俩月社保。”他转笔的手终于停了，笔尖朝下，戳在会议纪要纸上，洇出一小片蓝晕。

　　下回合同里这条必须写死：任何UI改动触发无障碍回归测试，工时单独计费。不写？下次投标直接绕开这类客户——不是气话，是发现去年接的七个“先做出来看看”项目，四个在上线前砍掉无障碍验收环节，剩下三个，验收报告里写着“符合基础可用性”，签字人是我，日期伪造的，因为甲方法务说“原始时间戳不利于诉讼举证”。

　　哦对，那盘哈密瓜，走的时候还摆在那儿。我顺手扔进走廊垃圾桶，果核卡在塑料袋褶皱里，像颗没长熟的种子。

（编辑：站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!