别让视障用户绕过你的网站：无障碍建站运维避坑指南

　　去年双十一，我蹲在三里屯那家老式咖啡馆改PRD——就是玻璃上全是水汽、服务员擦了三次还留指纹那家。手边那杯美式凉透了，奶泡塌成一圈黄褐色的圈，像某种失败的A/B测试结果。手机震了七下，全是我妈问“你齐叔的白内障复查约上了没”。我没回。我盯着屏幕右下角那个一直跳动的AXE插件报错：button lacks accessible name。可开发上周五说“这个按钮图标够直白了”，我说“图标不是name”，他回了个[OK]，然后切到钉钉群回老板的红包接龙。

　　我原以为只要加aria-label就能过WCAG 2.1 AA——结果上季度末扫盲式测了一轮，用NVDA读到“跳转至首页”这句时，它念成了“跳转至首页home home home”，连读三遍，像卡带。后来查出来是header里嵌了三个重复role="banner"，而第三个是前端从旧项目拷过来的模板，压根没删。那个模板作者叫张哲，上个月提了离职，走之前把组件库文档最后一行改成“建议重写”。建议？建议顶什么用。当时机房空调坏了，风扇声嗡嗡的，我盯着显示器右上角时间，十八秒没动，就看着光标在那个标签上闪。

　　最扯的是搜索框。需求评审那天老板拿iPad点着说：“要那种‘搜一下’就出结果的感觉，别让用户点两次。”好，我们上了debounce+自动submit，键盘用户tab进去，回车——直接跳转。没人测过screen reader下的form submission逻辑。直到视障用户@小满在微博私信截图发来：NVDA读完“搜索输入框，已编辑”之后，等了三百七十二毫秒，才突然吐出一句“页面刷新”，中间那截空白，像被剪掉的胶片。我那天下午在会议室调试，窗外正下雨，雨点砸在玻璃幕墙上声音很闷，王工啃着冷掉的煎饼果子，油渍蹭在键盘F键上，他一边按tab一边嘟囔：“这交互本来就不该让盲人搜啊……他们不都用APP？”我差点把笔记本合上。但他没说错——我们真的没让盲人搜。我们让系统替他们搜，搜完再喂答案。这叫无障碍？这叫预设性失明。

　　上周五凌晨三点上线灰度，灰度两小时后接到合规组电话。不是因为没过等保——是因为某支付页的错误提示弹窗用了position: fixed + z-index: 9999，NVDA一进页面就疯狂循环播报“错误 错误 错误”，停不下来。工程师说“修复十分钟”，我让他先别动，我开语音朗读自己跑了一遍：前两句是“银行卡号格式不正确”，第三句开始无限复读“请检查 请检查 请检查”，像AI失控前的倒计时。我关掉语音，看见桌角那盒没拆封的降压药，蓝白色铝箔板反着电脑屏的光。其实那错误提示的HTML里，aria-live="polite"写错了位置，嵌在了一个display: none的div里——但NVDA不管它显不显示，只认live属性本身。这种bug不是技术债，是认知债。你写了，就等于承认你看不见那群人怎么“听”你的网站。

　　有天晨会，产品经理老齐举着新埋的热力图说：“按钮点击率涨了12%，说明路径对了。”我说：“你敢不敢让老齐叔自己摸着键盘走一遍这个付款流程？”他愣住。他爸今年七十一，青光眼晚期，iPad上所有字体调到最大，手指还总点偏。他顿了三秒，端起杯子喝了一口——那杯子还是公司发的2019年周年庆纪念款，杯底印着“未来已来”四个字，现在掉漆了，只剩“来”字下面半道银痕。我没接话。后来散会时行政小陈抱着一摞《适老化改造白皮书》进来，胳膊上蹭了点粉笔灰，是刚擦完一楼楼梯口的临时黑板——上面写着“下周三，无障碍自查培训（自愿参加）”。

文章配图，仅供参考

　　今天早上我删掉了团队wiki里“无障碍为可选项”的那段话。顺手把PRD模板里的“accessibility”字段从“低优先级”改成“阻断项”。改完我看了眼时间，九点零七分。楼下早餐摊刚支起铁锅，铲子刮锅底的声音“嚓——嚓——”，像在刮一片生锈的硬盘。我知道接下来三个月，至少六个页面要重走焦点流，三套组件得补语义化标签，还有两个外包团队得重新签SLA条款——但我不打算拉会讲。我打算先把下周排期表里“优化按钮视觉反馈”那一栏，手动拖到“无障碍焦点管理”下面。就这么干。别的，再说。

（编辑：站长网）

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