媒体网站无障碍设计：9个技术盲区

　　那天灰度刚推完，我盯着屏幕右下角那个跳出来的语音反馈弹窗——它根本没读标题，直接念“文章加载中”，可页面明明早刷出来了。王工正蹲在测试机旁边拽充电线，够不着插座，线绷得快断了。我拍他肩膀：“你那台iPhone13的VoiceOver切没切？”他头也不抬：“切了，但今天没响。”

　　我原以为是系统缓存问题，结果清完Safari历史记录，再点同一片稿子，《暴雨夜搜救》那篇——三个段落全被跳过，只读了文末的版权声明。不是静音，不是降噪关了，是读屏压根没把识别成标题层级。后来查dom树，发现编辑后台发稿时自动裹了，把所有语义标签全吃掉了。我们提单写“结构失焦”，开发回：“这算无障碍问题？又不是不能看。”

　　白板上写着“9月12日上线”，数字“12”的“2”被擦了一半，像条蚯蚓。隔壁组又占了302会议室，门缝里飘出“DAU指标”“A/B分流”。我端起外卖盒，汤早凉透了，油浮在表面结了层膜。

　　漏测的那个点，就卡在视频播完自动跳下一集的按钮上。正常人点一次，焦点移过去，按回车就能播；可对ScreenReader用户，按钮的aria-label是“播放下一集（1/5）”，但括号里的数字每秒刷新一次——实际是倒计时归零才可操作。结果就是，语音念完“1/5”，用户立刻按回车，失败，再按，还是失败。等三秒后数字变成“0/5”，按钮才真正可用。这个边界我们用例里写了“状态变更时机”，但回归时没人手动等那三秒。李薇测到一半去接孩子电话，直接点了跳过。我翻用例管理工具，那个条目一直在转圈，转了四分半钟还没加载出来。

　　所以“9个技术盲区”站得住的地方不是标准有多细，是优胜劣汰——不是谁赢谁输，是哪块逻辑扛不住真实用户的十秒耐心。比如评论区输入框：我们要求必填aria-describedby指向提示文案，结果开发图省事，把提示文案塞进placeholder。键盘聚焦时，VoiceOver先读placeholder，再读label，最后读input类型。三个信息堆一块，像往嘴里 simultaneous 塞三颗糖。老人听不清哪句是哪句，手抖一点，就误触发送。这不是交互逻辑错了，是声音通道的优先级崩了。

　　还有那个分享弹层，安卓端Chrome下正常，iOS Safari一打开就闪退。不是崩溃，是整个Webview进程被杀掉。我们复现八次，七次成功，一次不行。开发说“偶现”，我拉他坐我旁边盯十分钟——第五次，弹层还没展开，手机突然黑屏重启。查日志，是Safari对iframe内嵌share API的内存释放机制和VoiceOver有冲突，仅限iOS16.4以上。版本号记不清了，反正去年九月上线前两天，我们刚升完系统补丁。

　　张磊桌上摆着三台手机，两台横放一台竖放，全是连着USB调试的。他正用其中一台录无障碍流程视频，另一台当监听器跑VoiceOver，第三台……在打王者荣耀。我问他：“你那边‘相关推荐’列表，焦点进去后能用方向键逐条移动吗？”他暂停游戏，试了三次，点头：“能。” 我说：“你关掉语音试试。”他关了，再试——方向键完全失灵，Tab也卡在第一个卡片不动。原来整个焦点流依赖的是VoiceOver的虚拟光标逻辑，没开启时DOM根本不走tabindex流。我们一直以为只是读取问题，其实是两套导航体系各自为政。

　　我原以为问题在技术实现深度，结果复盘时翻测试报告，发现9个盲区里，6个出现在前端组件库的默认配置里——比如轮播图组件，原生用了focusable=”false”，团队以为这是防干扰，其实等于对屏幕阅读器说“这儿啥也没有”。没人改过这个值，也没人动过注释。就这么用了三年。上个月才改过来。

　　键盘上有个键按下去不回弹，是F5。每次想强制刷新页面都得用鼠标点。用例管理工具还在转圈。会议室又被占了。李薇微信问我：“灰度量级能不能先降到1%，等明天那个焦点劫持的patch上了再放大？”我没回。她不知道那个patch昨天就被退回了，因为QA说新逻辑让NVDA在Edge下无法唤出快捷菜单——但这次没人报bug，是NVDA官网自己贴的公告：16.4版与某类aria-live=polite组合会触发浏览器渲染管线锁死。我们根本没覆盖到这个组合路径。

　　开发与排期。上周三晨会，王工举手说：“无障碍这块，得留三天给语义修复，否则冒烟过不了。”产品经理低头看表：“今天必须进回归，PRD下周要给董事会看。”王工没说话，把手里那支红笔折成两截，啪地一声。笔尖弹到我笔记本上，墨点像滴血。没人捡。

文章配图，仅供参考

　　所以现在我不跟人讲WCAG多少条款。就问一句：你用左手摸着键盘，闭眼听，听满三十秒，中间停顿超过两次的，就得砍。不管是不是核心路径，不管PRD有没有写。剩下的，交由线上数据筛——哪个功能用户语音跳过率最高，哪个入口停留时间最短，哪个弹层关闭后语音仍持续播报。让真实点击和真实静音来投票。至于那些转圈的用例管理工具，随它转吧。

（编辑：站长网）

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