ASP无障碍设计：视障工程师的代码调试新范式

　　去年在ASP后台改调试器快捷键，老张坐我斜后方，敲键盘声音像在凿墙——他右眼全盲左眼只剩光感，靠NVDA读屏加键盘盲打，整套流程比我还熟。

　　那天我把tabIndex从-1改成0，没动focusable逻辑，就为让焦点能落到那个带aria-live的错误面板上。结果他按F8进断点后，NVDA突然静音二十来分钟，连系统提示音都哑了，只留风扇声嗡嗡响。我原以为是JAWS缓存冲突，结果重装语音引擎、切IE模式、甚至拔了蓝牙耳机，全没用。

　　后来发现是ASP自动生成的里嵌了段动态注册aria-activedescendant的JS，它每触发一次onerror就往document.body塞个无文本节点——NVDA读到空div就卡住，不报错也不跳过，就干耗着。第八次重启读屏时老张说：“你那个面板，报错文字是‘类型转换失败’，可它念成‘类型转——换——失——败——’，中间每个字停顿两秒。”

　　我盯着控制台里那个没被清掉的MutationObserver回调，手抖着把onerror改成try-catch再手动dispatchCustomEvent，NVDA才重新出声。但老张又按了一次F8，这次它念对了，却把行号前的“第”字吞掉，直接读“37行”，不是“第37行”。

　　（昨天同事拿同一套代码跑Lighthouse，无障碍分98，他说这分数够评优了）

　　我删掉所有aria-live区域重写了个role="status"加polite，用setTimeout延迟50ms再update innerText，老张点头说“顺了”。可第二天他截了段音频发我：前五次F8都正常，第六次又开始卡顿，第七次卡得更久，第八次干脆跳过错误提示直奔下一个断点——而我的Chrome DevTools里console.log一切正常，network里所有js都200，performance tab看不出毛刺。

文章配图，仅供参考

　　优胜劣汰这词我没乱用：不是指谁该淘汰，是指ASP这套东西，要么你让它适配读屏的呼吸节奏，要么它自己先喘不上气。老张昨天调试完顺手帮我修了条正则——他根本没看代码，纯听我念了一遍/\\\\d+\\\\.\\\\d+\\\\.\\\\d+/，就说“你少转义了点，\\.才能匹配字面点号”，说完继续调他的按钮焦点环。

　　反正最后是我在Web.config里关掉了ASP默认的ViewState压缩（那玩意儿会偷偷改aria属性顺序），老张才稳定复现所有断点语音。但我不确定是不是这个改的——可能只是他那天耳机电池刚好充到了93%，也可能NVDA刚升级到2023.2版，也可能是我删掉那段废弃的jQuery.ready里藏着的$.fn.attr("tabindex", "-1")……我也不知道。

　　有谁碰到过这个吗

（编辑：航空爱好网）

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