云运维老炮亲授：无障碍建站避坑指南

　　V2EX上刚刷到有人问“无障碍建站要不要配W3C校验插件”，我直接把茶杯放回桌角——那茶早凉透了，杯底一圈浅褐色渍，像去年十一月那个凌晨的监控告警图谱里，HTTP 401 状态码突然拉出的毛刺。

文章配图，仅供参考

　　无障碍建站避坑？呵，避得开算你命硬。上个月帮文旅局迁旧站，他们提的首条需求是“盲人能订到故宫门票”，我没吭声，只把 accessibility-checker 插件开着跑全站，跑完生成五百一十三个 issue，其中四百零二个标着“低优先级”。我敢打包票：这些标低优的，有三百六十二个真不影响购票——但只要漏掉一个 focus-trap 闭环断裂，视障用户点进支付页就再也退不出来。这不是理论，是上上个礼拜，16号凌晨两点零七分，我盯着后台 session 曲线突兀断崖时亲眼看见的。

　　站长平台里还存着半年前那次灰度的截图，第三版无障碍方案上线后，语音交互路径的转化率反而跌了十八秒平均响应时长。不是技术不行，是测试团队请的三位视障老师里，两位用的是iOS自带VoiceOver，一位坚持用Windows+NVDA+Chrome组合——而我们开发环境默认跑Edge。这事后来不了了之，因为文旅局来人那天，带着印着烫金“数字包容示范单位”的红绶带，挂完转身就问“小程序同步做了吗”。

　　冷眼看着“无障碍建站指南”越出越厚，PDF动辄两百页，可每页都漏掉一件事：服务器时区设错了，UTC+8 和系统时间不同步，自动播放的语音提示就会在午夜零点三刻准时炸响，惊醒正在试用的视障用户。这个我敢打包票——2025年5月那个暴雨夜，IDC机房空调故障，温控告警和音频播报冲突触发三次重试机制，导致整栋养老院呼叫系统误报火灾，我一边接电话一边在命令行敲 date -s '2025-05-12 00:00:00'，电话那头老王吼：“云哥你再调错一次我就手撕SLA！”

　　说到SLA，现在谁还看SLA？上周五验收，甲方掏出新买的iPad Pro点着屏幕说：“这个切换按钮的色差比标准值高0.3，你们测过CIEDE2000没？”我说没，他们当场打开ColorSync Utility现场校色。我其实想说，我们线上跑着三百七十二台实例，七十六个子域名，三套CDN回源策略，连健康检查端口都配了三种超时阈值，结果最后卡在色差0.3上。但这话没说出口——对面坐的是刚升职的品牌总监，她手机屏保还是自己孩子拿蜡笔画的“无障碍彩虹桥”。

　　优胜劣汰这事，从来不是文档写得好就能赢。真正筛人的，是哪天凌晨三点，你突然发现某台ECS实例上的alt文本全被WAF自动清空了，只因正则规则里多写了半个反斜杠；是你调试到第四遍才发现SVG内联图标没加role="img"，而读屏器根本不认viewBox属性；是当你把所有ARIA标签配齐，却收到反馈说“听不出操作层级”，回头一看，原来是语音语速固定设成1.2x，而老年用户普遍需要0.8x——但后端API压根不传语速偏好参数。

　　我原以为把WCAG 2.1 AA级条款全打钩就万事大吉，结果客户拿一份欧盟EN 301 549标准甩桌上，第11.7.2条写着：“当存在多个内容流时，应允许独立控制各流音量”。我们当时连视频流和字幕流都还没拆开。这事儿我没往下跟，因为第二天要陪我妈去复查白内障，医生说晶状体混浊度比上回涨了，建议尽快手术。候诊区墙上贴着医院官网二维码，扫码跳转的H5页面，顶部导航栏没有键盘焦点停靠——这事我看了三秒，关掉手机，没截图。

　　现在我桌面右下角钉着两个常驻窗口：一个是实时滚动的accessibility-audit日志，一个是钉钉里“无障碍共建群”的置顶消息——群里最新一条是设计同学发的：“大家看看这个对比度是否达标”，底下跟了八张PSD局部放大图，第七张里有枚图钉形状的删除键图标，边框用了#CCCCCC。我点了已读，没回复。

　　要真避坑？别信指南，信你手边那台正在跑lighthouse的Chrome。信你删掉某个div之后，语音朗读忽然跳过三行内容的瞬间。信你改完aria-hidden之后，突然收到用户投诉“现在什么都听不见了”。别的，随它去。

　　下周二我要去趟西咸新区，那边新机房上线，得手动核对所有BMC固件版本是否支持IPMI over SOL字符回显——这事跟无障碍没半毛钱关系。但我知道，等他们开始做残联合作项目时，第一个来找我的，准是那个总爱用Notion记无障碍checklist的小姑娘。她上次来，笔记本封皮上贴着张便利贴，写着：“今天又搞砸了一个focus order”。我没拆穿她，只给她倒了杯新茶。

（编辑：站长网）

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