媒体网站无障碍设计：9个性能工程师最易忽视的技术适配点

　　去年十二月，甲方在国贸三期那间玻璃会议室谈“媒体网站无障碍设计”——空调开太低，我羽绒服拉链没拉好，后颈发凉。投影仪嗡嗡响，像有只蜂卡在散热口里，没人关。销售小陈把笔转得飞快，金属笔帽磕在桌沿，嗒、嗒、嗒，第三下时客户忽然说：“咱们先做出来看看。”

文章配图，仅供参考

　　九个技术适配点？不，是九个性能工程师自以为绕开了的雷。第一个：focus管理——他们改完tab键跳转顺序，却忘了轮播图自动播放时，焦点还在上一张图的“暂停按钮”上死锁。用户卡住，屏幕阅读器念：“暂停按钮，未启用”，而实际它早被JS移除了disabled属性，只是CSS opacity设成了0。你猜怎么测出来的？靠盲人测试员摸着键盘骂了十七分钟“这破站谁写的”。不是我们漏，是需求文档里压根没写“轮播图必须支持手动焦点接管”。客户说：“哎呀，这种细节，上线后再调嘛。”

　　第二个：SVG内联图标。开发加了aria-label，但没删掉title标签。ChromeVox读两遍：“分享图标，分享图标”。我提bug单，前端回：“title是SEO需要。”我反问：“那您让搜索引擎读两遍‘分享图标’，算不算关键词堆砌？”他沉默三分钟，回了个句号。会议室门被推开，行政送进来一杯咖啡，放在我右手边，杯底水渍洇开一圈淡黄圆痕。

　　第三个：字体加载。他们用font-display: swap，字闪三次，第三次才定型——对明眼人是“动画”，对低视力用户是“文字消失又重载”，等于强行打断阅读流。我说换block，客户总监拍桌子：“我们预算就三千块！”我点头，心里数他衬衫第三颗纽扣崩了线。电梯里遇见上个项目甲方，他冲我抬下巴：“上次那个政务系统，你们测出17个NVDA兼容问题，结款拖了两个月。”我嗯了一声，按了一楼。门合上前，他补一句：“尾款最后是找财政局要的。”

　　我同事老张说，做无障碍不是加功能，是推倒重认一遍DOM。我说不对，是推倒重认一遍“谁他妈能用你的页面”。你性能压得再低，TTFB 89ms，首屏2.3秒，但若一个失明用户在第七次Tab之后突然掉进无文本描述的广告位里，你的Lighthouse分数就是个笑话。所谓优胜劣汰，淘汰的从来不是代码，是那些觉得“反正用户看不见”的侥幸。

　　还有六个，懒得列全。比如：视频播放器里隐藏的“倍速”按钮没挂role=button；搜索框的autocomplete列表被z-index盖住，语音助手点不到；表格用了colspan但没同步给th的scope属性……每一个，都够写三页PRD，可客户微信回得比猫打哈欠还慢。“回一条微信”这事我记得清楚：我十点零七分发截图+复现步骤，他十点零八分回“好的”，十点零九分撤回，十点十五分发来一张PS改色稿，说：“这个蓝要再浅一点。”

　　最离谱是上线当天，客户临时要求加个“无障碍模式开关”。我们说不行，逻辑侵入太深。他直接打电话到我手机：“你们之前不是说过‘一切皆可配置’？”——我他妈根本没说过。他声音震得听筒发烫，我抬头看见销售小陈正对着窗外抽烟，烟头明灭，像信号灯故障。后来他们自己找了外包，在header塞了个浮动按钮，点击后只改body背景色和字体大小，其余全不管。NVDA一读，还是报错：“未知角色，未知状态”。

　　该不该接这类活？我不确定。但我知道，当客户把“先做出来看看”和“改个颜色还要加钱”放在同一张合同里签字，这项目就已经在慢性失血。尾款没结，只留一句“等运营反馈”。我也没催，翻了翻日历，发现上个月还替另一个客户改过三遍登录页的对比度——对方法务说“WCAG 2.1 AA级不是法律强制”，我说：“对，但您家APP上个月被视障组织集体投诉，现在还在微博热搜第七。”他当场点了根烟，烟灰落在合同复印件上，烧了个洞。

　　下回合同里这条必须写死：所有交互组件须通过axe-core v4.7+人工验证，含焦点流、语音路径、视觉停顿三重校验，且提供NVDA/JAWS双屏录屏报告。至于“做个淘宝那样的”——淘宝无障碍团队有二十八个人，我们这儿，连茶水间咖啡机都是租的。

（编辑：站长网）

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