媒体网站无障碍设计：9个被忽视的技术适配点

　　凌晨三点二十，机房空调嗡嗡响得像快散架的旧硬盘，我盯着监控屏右下角那个贴了三道胶布的告警窗口——它上回被胶布盖住是因为“误报太多”，这次盖着是因为没人敢点开。屏幕光映在值班室那桶吃剩半截的泡面碗沿上，汤面结了层油膜，浮着两粒没捞干净的紫菜。客服小张刚发来消息：“老师，盲人用户说点进视频页就卡死，读屏软件念到‘加载中…’再没下文。”她后面补了句，“还骂了句脏话，我没截图。”

　　我原以为是前端 JS 崩了，结果 curl 一扒 DOM，好家伙，整个 标签被套了四层无语义 div，aria-hidden="true" 打在最外层，里头的 controls 属性早被 Vue 的 v-if 冲掉三次——不是没加，是加了又被条件渲染干掉了。这代码去年上线时我还夸过“结构清晰”，现在看，清晰得跟把轮椅推进电梯缝里似的。

　　第一处被漏掉的点：焦点管理。用户用键盘 tab 进页面，tab 到第三个卡片就掉进黑洞——因为设计师图省事，给所有卡片加了 tabindex="-1"，又忘了在激活态动态切回 "0"。测试用例写了十二行 mock，偏偏没跑键盘路径。老李昨儿还说：“咱又不靠残障用户流量吃饭。”他说话时正往咖啡里搅第三勺糖，手抖得厉害。

　　第二处：字幕轨道硬编码进 但 src 指向的是 /static/cn.vtt，而 CDN 配置里把 /static/ 下所有资源设了 cache-control: immutable，连 CORS 头都懒得加。读屏软件一抓就 403。运维群里翻记录，发现上个月迁移时，自动化脚本把旧 nginx conf 里那段 proxy_hide_header Access-Control-Allow-Origin 给继承过来了——谁写的？查 git blame，作者是实习生，离职半年了。

　　窗外雨开始砸玻璃，节奏越来越急。我忽然想起上一次搬家，纸箱堆满客厅，老婆蹲着撕胶带，突然问：“你写的网站，真有人靠它找工作吗？”我没答。当时觉得她在抱怨我总加班，现在想，她问的是另一种“可用性”。

　　第三处：图片 alt 文本生成策略。CMS 后台上传图时默认填“IMG_20230715_162218.jpg”，运营同事批量导入新闻图集，点“全部填充描述”——系统调的阿里云 OCR API，返回结果全是一串“文字未识别”。于是全站 2.3 万张新闻图，alt 属性统一写着：“OCR failed”。审计工具扫出来直接标红三级违例。可你知道最绝的是什么？某次大促，市场部把一张带水印的活动海报塞进 banner 位，alt 居然是“【请勿转载】”。

　　而真正压垮骆驼的最后一根稻草，是 iframe 嵌套。财经频道嵌了三家第三方数据平台的实时行情，每个 iframe 都带独立的 aria-live="off"，还主动监听 document.activeElement 改写 tabIndex——结果当用户用 NVDA 从左往右读屏时，焦点在第三个 iframe 里卡死四十来分钟，页面没崩溃，只是彻底失联。技术上它完全健康。监控曲线平得像睡着了。

　　老板在钉钉群甩了条语音，十七秒：“无障碍不是慈善项目，是法定义务，明早九点前给我个闭环。”我按了暂停键，听第二遍，他咳嗽了一声，背景音里有孩子打来电话的提示音——嘟、嘟、嘟，三声后自动挂断。我手机也震了一下，是我妈发来的消息：“你爸昨天摔了，膝盖积液，别回了，忙你的。”

　　其实去年十月就有苗头。残联那个检测团队来突击扫站，走之前留了张手写便签，贴在机房门背后，墨迹晕开了：“主菜单跳转无 focus outline，搜索框无 label，视频播放器键盘不可控。”我们当天开了会，结论是“优先级 P2，等 Q4 重构”。结果 Q4 没等到，等来的是网信办约谈通知——他们用的检测工具，正是当年给我们打分的那个团队孵化出来的开源爬虫。优胜劣汰？不是算法挑人，是工具倒逼代码。工具不会谈判，只认 WAI-ARIA 规范第 1.2 版第七章，一字不差。

　　第四处到第九处……我懒得列了。第五处是表单验证错误信息没绑定到 input 的 aria-describedby；第六处是动态加载的评论区，新评论插入后没触发 alert；第七处是 SVG 图标没加 role="img" 和 aria-label；第八处是深色模式切换按钮本身没做焦点状态视觉反馈；第九处是……算了，第九处我到现在也没想明白，为什么某次发布后，iOS VoiceOver 在 Safari 里会把所有 h2 当成 button 念——只在 iPadOS 17.4.1 上复现，连模拟器都搞不定。

　　小张又发来一条：“刚才那位视障用户回电话了，说他等了五十三分钟，最后自己关掉读屏，用手摸着屏幕边框，从左上角开始，一寸一寸往下划，划了七次，找到‘关闭弹窗’的 X。”她没再说别的，就发了个表情，是微信里那个灰蓝色的叹号图标。

　　我站起来伸了个懒腰，听见腰椎咔一声。泡面桶旁边摆着我儿子上周画的画，蜡笔涂的服务器机柜，上面歪歪扭扭写着：“爸爸的电脑，能帮叔叔阿姨听见新闻。”底下一行小字，是他妈写的：“别丢。”

文章配图，仅供参考

（编辑：站长网）

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