技术筑基，内容为本：无障碍设计创业双轮驱动

　　上线那晚我蹲在消防通道抽烟，设计把最后一版对比图发来时，后端正往生产库塞第七个 patch——就那种改完按钮色值发现焦点样式丢了、又补个 tabindex 后发现键盘导航卡在弹窗里的 patch。白板上还留着上会写的字：“无障碍不是加法，是重写所有交互逻辑”，底下被谁用马克笔画了只翻白眼的猫。

　　去年国庆节，我们硬赶在节前把新站点推上线，理由挺冠冕：要趁长假流量空档做灰度。结果放假第一天，老板微信问“为什么语音朗读跳过全部主标题”，我说“可能语义标签没打全”，他回了个“？？？”，后缀三个句号。第二天测试群响了一整天，不是 NVDA 读错层级就是屏幕阅读器卡在 loading 动画里循环播报“加载中，请稍候，请稍候，请稍候”。谁也没提，但大家心里都清楚——我们把“内容为本”当成了文案优化，“技术筑基”当成了 WCAG 检查表打钩。真他妈荒唐。

　　我原以为只要把 heading 结构捋顺、表单加好 aria-label、图片配齐 alt，就能撑过第一轮验收。结果设计拿回来的视觉稿里，搜索框的 placeholder 写的是“输入关键词（支持语音）”，而语音按钮压根没暴露给可访问性树——它是个 div 套 svg，连 role=button 都没加。我说这不行，设计叼着棒棒糖说：“用户又不瞎，点哪还不知道？” 我说：“可人家不靠眼睛点。” 他哼了一声，把棒棒糖棍儿折成两截扔进烟灰缸。后来我让后端临时加了 click 和 keydown 双监听，但那个 button 的 keyboard-focus-outline 被全局样式盖死了三周，没人修，因为“UI 还没定终稿”。

　　窗外天黑了，整栋楼就咱们这层亮着灯，像块被遗忘的电路板。其实最难的不是代码，是说服别人相信“看不见的人正在用你的产品”。去年初有个老项目，做政府补贴申领页，上线半年后突然被投诉——不是功能出错，是视障用户投诉“无法确认是否提交成功”，后台查日志全是重复提交。原来“提交成功”弹窗用了纯 CSS 实现的 opacity 渐显 + z-index 浮层，没有 alert role，没有 focus trap，连 aria-live 都没设。我们当时觉得“反正提示出来了”，结果人家听见“加载中”，再没下文。最后补了一个 hidden 的 ，才把那批投诉摁下去。技术没塌，内容也没糊，就是两头都以为对方扛着责任。

文章配图，仅供参考

　　前两天跟老板又吵一嘴，他说“先保DAU，无障碍往后排”。我说：“上个月退款率涨了零点七，七成是老年用户和残障用户路径中断导致的，您看要不要算进 DAU？” 他顿了三秒，点了根烟，说：“你列个最简路径，下周一晨会过。” 我应了，转身看见茶水间门把手上贴着张泛黄的便利贴，是前年那个做在线问诊平台的同事走前写的：“千万别信‘等MVP跑通再加无障碍’——MVP跑通那天，你已经把所有捷径都焊死了。” 他后来去做了适配盲文点显器的教育平台，据说现在团队全听障工程师带队。

　　其实我早该明白：技术不是地基，是钢筋；内容不是砖瓦，是砂浆。没砂浆，钢筋悬在半空；没钢筋，砂浆一震就散。双轮驱动？驱动个屁，分明是俩瘸子互相架着走。现在我把下周排期改了——砍掉两个锦上添花的动效，挪出来三天，重跑所有页面的 keyboard flow，手动测三遍。后端说“你不如直接重构表单组件”，我说：“不用，先让我亲手把那些漏掉的 tabindex 补上。” 他看了我一眼，默默把烟盒推过来。我抽了根，没点，就捏着滤嘴来回转。说实话，我也不知道这次能不能稳住，但至少……这次没再让设计自己改 alt 文本了。

（编辑：站长网）

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