26个抽样页漏掉的3类违规:把WCAG-EM 2.0用在1,342个页面上
W3C 于 7 月 23 日以 Group Note 形式发布 WCAG-EM 2.0。我照着文档的抽样流程挑出 26 个页面,又把同一次构建的 1,342 个页面全部用 axe-core 扫了一遍做对照。抽样只抓到 4 类违规中的 1 类,而随机样本给出新发现的概率只有 0.29%,几乎等于没有。
标签
6篇文章
W3C 于 7 月 23 日以 Group Note 形式发布 WCAG-EM 2.0。我照着文档的抽样流程挑出 26 个页面,又把同一次构建的 1,342 个页面全部用 axe-core 扫了一遍做对照。抽样只抓到 4 类违规中的 1 类,而随机样本给出新发现的概率只有 0.29%,几乎等于没有。
一排22×22的分页链接,拇指总按偏,Lighthouse却给了无障碍92分。我把WCAG 2.2新增的SC 2.5.8(最小24×24)种进沙箱,用自写脚本和Lighthouse各测一遍。自动工具如今能抓尺寸违规,却把例外判定甩回给你。连24px圆是否相交的间距例外计算,都用实测日志和CSS修复讲清楚。
我往一张结账页面里故意埋了八处WCAG障碍,再用axe-core跑一遍。规则型的四处被抓住,需要人来判断的四处却在绿灯背后原样留着。本文用实测日志说清楚自动化在结构上看不到什么,以及补上这块缺口的人工复查清单。
给按钮加了aria-label,无障碍树读出来的却是屏幕上根本看不到的字。我在沙盒里复现了WCAG 2.5.3 Label in Name违规,直接从无障碍树读出问题,再用Lighthouse 13.3.0新增的Agentic Browsing评分,看着它从0分变成100分。
我把一个 AI 生成的预订组件分别用 axe-core 跑在 jsdom 和真实浏览器里。四条结构性违规不用浏览器就被抓住,唯独 color-contrast 在 jsdom 里落到了 incomplete。这篇讲清楚原因,以及如何把 CI 流水线拆成两层、让覆盖率的洞不再出现,附带真实日志。
把一个虚构的面包店落地页扔进Lighthouse无障碍审计,得了55分。这里是逐条修复6个WCAG违规、做到100分的实测日志,以及自动化工具始终没能发现的键盘陷阱。