Linux无障碍环境搭建：CSS工程师的语音导航实战指南

　　去年四月份，总编把选题单拍在玻璃隔断上，说“无障碍环境搭建”必须上——我当场就笑出声了。他盯着我，手里那支红笔帽都没拧开，就搁在桌沿，横着，跟根小棺材似的。我原以为是让做高对比度主题包，结果打开需求文档第一行写着：“语音导航实战指南”。实战？实哪门子战？我们连 Chrome 里 aria-live 的 timing 都还在和 Vue 的响应式队列打架，现在要去驯服 Orca 和 PulseAudio 的 buffer 毛刺？

　　我翻完两页就合上了。隔壁桌咖啡洒了，黄褐色液体顺着键盘缝隙往下渗，滴到脚垫上，无声无息。小编小杨蹲下去擦，没抬头，就说了句：“你真要接？”我没回，掏出手机扫了个付款码——先扫商户号，再输金额，最后点确认，三步，手抖了一下，多按了零，又删掉。她等我点头才继续敲键盘。我点了头，但她没看我，只盯着自己屏幕上那个正在编译的 Sass partial：_accessibility-toggles.scss。

　　真动手那天，我发现最反常识的不是语音不准，是它太准了。Orca 居然能读出我刚加的 :focus-visible 伪类里嵌套的 calc() 表达式，连括号都顿读——“左括号，一百减，十六像素，右括号”。我敢打包票，这玩意儿比我自己还清楚那个值到底是怎么算出来的。可当我改用 --focus-outline-offset 变量时，Orca 它直接沉默了八秒，然后报“元素不可读取”。不是报错，是沉默八秒后报不可读取。我不知道这是 bug 还是哲学问题。这个我说不准。

　　最破防是那天下午三点十七分。我正调 screen reader pause/resume 的 JS 接口，总编微信弹出一条：“客户说，盲人根本不用 Linux。”我回了个“？”，他没理。我顺手切去终端敲了行 pactl list short sinks，结果输出里混进了一串日志：[pulseaudio] alsa-util.c: Warning: Failed to parse card ‘alsa_card.pci-0000_00_1f.3’。同一时间，外卖袋子还坐在工位左边第三格抽屉里，塑料膜没撕，汤已经凉透了，铝箔盒边结了层薄油膜。没人动过。我也没动。

　　后来发现一个关键陷阱：CSS transition-duration 为 0.3s 的焦点动画，在 Orca 启动语音播报前，会卡住它的 DOM 监听器半帧。不是半秒，是半帧。我录了十七次屏幕+音频同步比对，最后一遍发现——只要把 transition-delay 设成 24ms（刚好一帧的 2/3），就能骗过它那套事件节流逻辑。但换台机器，哪怕同款主板，24ms 就崩，得改成 21ms 或 26ms。没人写进文档，wiki 里全是“建议设为 0.2–0.5s”的废话。我就问一句：你见过哪个真实项目的 transition 调参靠肉眼数帧的？

　　小张来问过一次：能不能用 @media (prefers-reduced-motion) 做 fallback。我摆手让他别碰——那东西在 Wayland 下和 Orca 共存时，会随机重置 speech rate 三次。有一次我们测完 reboot，发现语速变成了每分钟 73 字，而正常是 180。他不信，自己重装了 pipewire-audio，结果系统托盘图标消失十分钟，期间手机响了一声，是妈妈来电，我没接。挂断后我查 dmesg，出来一行：[drm:intel_dp_start_link_train] ERROR Link Training failed at lane count setting。我截图发给他，他回了个捂脸表情，没再提 reduced motion。

文章配图，仅供参考

　　优胜劣汰？对。真的就是淘汰。不是淘汰技术差的，是淘汰没在半夜三点蹲过 journalctl -u speech-dispatcher 输出的人。淘汰那些以为“用 aria-label 就完事”的人。淘汰相信“兼容性表”比实际语音节奏更可靠的傻子。上上周我帮市场部改一个落地页的 tablist，他们验收时说“语音太吵”，我就把 aria-live="polite" 全干掉了。结果第二天产品总监亲自来站桩——他说盲人用户反馈，“原来安静的地方，现在完全听不到操作反馈了”。我当场在 devtools 里把 polite 改成 assertive，他又说“像警报”。我没说话，只是把 speech-rate 从 160 调到 142，他试了三遍，点点头走了。这事儿谁写过？没有。维基不写，MDN 不提，GitHub issues 里全在吵 keyboard focus outline 圆角要不要 2px。没人管语音是怎么被 CSS 动画拖垮的。

　　说个失败案例。我们曾给整个组件库加了一套语音优先的伪类链：:focus-visible + [aria-live]:not([aria-live="off"]) ~ .visually-hidden。逻辑漂亮吧？跑起来才发现，当同时存在多个 aria-live 区域时，Orca 会在 DOM 插入瞬间爆三百二十七个 warning，然后静音四十三秒。最终上线方案？删掉全部逻辑，改用 setTimeout(() => { el.setAttribute('aria-live', 'polite') }, 17)。17 毫秒，不多不少，是 Chromium 渲染管道里某个隐式 microtask 的平均间隙。这个细节，现在还在我们内部 Wiki 最底下一行，字号 10px，颜色 #999，标题叫“勿删，亲测有效”。

　　KPI 早超了。Q2 无障碍修复率标的是 87%，我填了 91。没人较真——因为没人真去测。反正 audit 报告里那几个 checkmark 是绿的，就算过关。上个月发工资条，基础薪资后面多了一行“专项技术补贴（无障碍方向）”，五百块。我没点开详情，直接划走了。小杨昨天问我：“要不要申请开源社区无障碍共建基金？”我说：“基金？有 Orca 文档更新 PR 通过率数据吗？”她愣住，然后笑了。那笑我没懂。但我知道她手机屏保换成了 GNOME 的 accessibility settings 截图。

　　下次选题会，我打算闭嘴。红笔还躺在玻璃隔断上，横着，没动过。凉透的外卖盒还塞在抽屉里第三格。这篇可能活不过三小时。

（编辑：站长网）

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