QualiBooth

全球最先进的无障碍扫描器

静态扫描器只读取您的标记。 我们的 AI 会驱动您的网站。

所有竞争对手都在用同一套静态规则扫描您的 DOM。QualiBooth Deep Scan 是一个 AI 智能体:它打开真实浏览器,用 Tab 键遍历您的页面,判断哪些控件值得触发,打开您的对话框,并测量键盘用户实际得到的体验 - - 还附上截图作为证据。

12 项 AI 检查
静态工具无法执行
附带证据
一个测量值和一张截图
QualiBooth 报告,Deep Scan 发现的问题与静态结果并列标注。

无人扫描的那一部分

自动化覆盖率停滞不前。于是我们改为在页面上部署 AI 智能体。

静态分析读取 DOM 和 CSS,推断应该发生什么。它在这方面确实出色 - - 这也正是市场上每一款无障碍工具在您网站上都会找到大致相同问题的原因。它在结构上无法看见的缺陷,只有在页面运行时才存在。此前,要找出这些问题就得让人亲自坐到页面前。Deep Scan 改为派出智能体 - - 覆盖每一个页面、每一次运行。

每一款静态扫描器看到的内容

静止状态下的标记快照。

  • 此按钮没有无障碍名称。
  • 此文本相对其声明的背景色为 3.1:1。
  • 此角色不允许使用该 ARIA 属性。
  • 照片上的文字 - - 需要人工复核。

Deep Scan 智能体测量的内容

一个真实浏览器,由 AI 驱动,计时进行中。

  • 焦点轮廓与未聚焦状态相差零像素。outline:none 胜出。
  • 白色标题相对其背后真实像素为 2.8:1。
  • Tab 键到达此控件后,固定的同意栏将其完全遮挡。
  • Escape 关闭了对话框,但焦点落到了 body,而非触发它的按钮。

检查清单

十二项需要页面运行才能完成的检查

智能体决定值得探索的范围;随后每项检查都进行测量,而非推断。每条发现都带有测得的数值、被突破的阈值,以及 - - 大多数检查还附有 - - 问题发生瞬间的截图。

  • 01

    焦点可见性

    对每个控件在聚焦和未聚焦状态下截图并比对像素。它从不读取您的 CSS:outline:none 之后再写 :focus-visible 规则算通过,而这一点只有像素知道。

    WCAG 2.4.7 WCAG 2.4.13

  • 02

    焦点被遮挡

    对获得焦点的控件做命中测试,测量您的吸顶页头或 Cookie 栏覆盖了它多少。正反两个 Tab 方向都会走,因为每个方向搁浅的控件都不一样。

    WCAG 2.4.11 WCAG 2.4.12

  • 03

    Tab 顺序

    走一遍真实的 Tab 序列,与 DOM 顺序和视觉阅读顺序分别比对,并附上标注序号的路径截图。

    WCAG 2.4.3

  • 04

    键盘陷阱

    找出会让页面其余部分无法到达的焦点循环。对话框限制 Tab 并在 Escape 时释放属于正确行为,不会被报告。

    WCAG 2.1.2

  • 05

    对话框生命周期

    打开每一个对话框,按顺序核验整套约定:焦点进入、Tab 停留其中、背景退出无障碍树、Escape 关闭、焦点返回触发按钮。

    WCAG 2.1.2 WCAG 2.4.3 WCAG 4.1.2

  • 06

    实时播报

    重建每个实时区域相对其内容的产生时刻 - - 从而抓出那些创建时就已带着消息、因而什么都没有播报的提示。

    WCAG 4.1.3

  • 07

    悬停与聚焦内容

    核验工具提示和浮层的全部三项要求:指针可以移入内容、Escape 可在不移动指针的情况下将其关闭、且它不会自行隐藏。

    WCAG 1.4.13 WCAG 2.1.1

  • 08

    图像上的对比度

    先截取文本,再截取同一区域但字形透明的画面,然后将每个字形像素与其背后真实的背景比对。这正是静态工具标记为“需要复核”的那一类。

    WCAG 1.4.3

  • 09

    320px 下的重排

    以 320 CSS 像素渲染页面,指出仍在强制横向滚动的最外层元素,位于自身滚动区域内的内容除外。

    WCAG 1.4.10

  • 10

    文本间距

    套用该准则要求的间距,比对前后的几何布局:被固定尺寸容器裁切的文字、彼此碰撞的区块。

    WCAG 1.4.12

  • 11

    强制颜色

    模拟 Windows 高对比度模式,在切换前后分别测量每个小图形与其自身周围环境的关系,找出会消失的图标。

    WCAG 1.4.11

  • 12

    无障碍名称

    使用 Chrome 自身的名称计算及其来源列表:遮盖可见标签的名称、与其描述重复的名称、解析不到任何内容的引用。

    WCAG 2.5.3 WCAG 4.1.2

市面上没有任何静态扫描器能够执行这十二项检查中的任何一项。这正是 QualiBooth 成为全球最先进的无障碍扫描器的原因 - - 它能找出别人交给您的「零问题」报告里藏着的缺陷。

证据,而非观点

每一条发现都经得起开发者的质疑

无障碍问题最难的不是发现它,而是三天后在站会上让人相信它。因此每条 Deep Scan 发现都会报告所做的测量、比对所用的阈值,以及问题发生瞬间的标注截图。

  • 句子本身就含测得数值 - - 被固定的同意栏完全遮挡,而不是“可能被遮挡”。
  • 精确到具体的 WCAG 2.2 成功准则,并链接到其 Understanding 页面。
  • 针对该条发现撰写的修复建议,而非泛泛而谈的规则说明。
  • 引擎无法得出结论的部分会如实报告,绝不计为通过。
Deep Scan 证据截图:获得焦点的控件、遮挡它的元素,以及测得的覆盖比例。

每次扫描都包含人工 QA 的工作

团队在发版前做的那轮键盘走查 - - 现在由智能体在每个页面、每天晚上执行

这些并非新增要求。它们本就是优秀测试人员手动执行的检查 - - 也正因如此,它们只会在发版前的五个页面上被执行,之后就再也不做了。

  • 用 Tab 键遍历页面并留意焦点轮廓

    对每个 Tab 停靠点在聚焦和未聚焦状态下截图并比对像素

  • 打开每个对话框,按 Escape,看焦点落在哪

    打开每个对话框并按顺序核验完整约定

  • 触发一条提示并用屏幕阅读器聆听

    记录每个实时区域相对其内容的存在时刻

  • 缩放到 320px 并排查横向滚动

    以 320px 渲染并指出造成滚动的元素

  • 眯着眼看主图照片上的白色文字

    将每个字形像素与其背后的背景比对

它不会触碰的内容

引擎会点击一组受限的控件,以便让您的页面产生响应。凡是无障碍名称读起来像删除、移除、退出登录、取消订阅、支付、结账、提交订单、发布或归档的,它一律不点。扫描您的网站绝不能下单或删除记录 - - 哪怕多点几下能发现更多问题。

它如何运行

一个 AI 智能体驱动第二个浏览器,与静态引擎并行,在同一次扫描中完成。

  1. 01

    智能体接管操控

    第二个 Chromium 与静态引擎并行运行于同一个已认证会话,由智能体驱动 - - 因此登录之后的页面同样会被测量。

  2. 02

    桌面与移动端

    每个网址都会在 1280×720 和 375×667 下各测量一次。能扛过桌面页头的焦点轮廓,往往败给移动端页头。

  3. 03

    一份合并报告

    行为类发现与静态发现出现在同一个列表中,标注为 Deep Scan 并按严重程度排序。没有新东西需要学习。

  4. 04

    证据随扫描留存

    标注截图与扫描一并保存,因此三个月前的一条发现,回头查看时依然能看到它的证据。

QualiBooth 网址报告中的 Deep Scan 摘要面板。

在您的报告中

有标注、有计数,绝不悄然缺席

Deep Scan 的发现会被单独标出,而不是悄悄混入 - - 它们正是您现有工具无法产出的那些。而且没有发现同样是一种结果,因此每份报告都会说明检查了什么、哪些未能触及。

  • 问题列表中每条行为类发现都带有 Deep Scan 标记。
  • 逐个网址列出已完成的检查、元素检视次数与已采集的证据。
  • 所有未能完整检查的部分,都会连同原因一并列出。
  • 随本次扫描的其余结果一同导出为 CSV 和 JSON。
12
项行为检查
15
条 WCAG 2.2 准则
2
个视口/网址
100%
发现附带测量值

常见问题

这与无障碍浮层(overlay)有什么区别?
完全不同。浮层会把 JavaScript 注入您的线上网站,试图从外部打补丁,通常反而让无障碍变得更糟。Deep Scan 不会改动您网站的任何内容:它是一个像真实用户那样访问网站的智能体,进行测量,并报告所发现的问题。
它能取代人工无障碍测试吗?
不能,我们也不会这样宣称。智能体自动化的是人工走查中机械的那一半 - - 键盘遍历、对话框约定、320px 重排 - - 好让您的测试人员和我们的审计人员把时间花在判断上:阅读顺序是否合理、替代文字是否属实、整个流程用屏幕阅读器是否真的可用。
它会不会弄坏我网站上的东西?
它只与一组受限且经过筛选的控件交互,绝不触碰任何看起来具有破坏性或涉及交易的元素。不删除、不退出登录、不结账。它只是一次以读取为主的浏览器访问。
它能扫描登录之后的页面吗?
可以。智能体会复用扫描已经建立的已认证会话,因此凡是您的扫描能到达的地方,它都能测量。
启用之后我的无障碍评分为什么变了?
Deep Scan 会同时向评分中加入新的问题和新的通过项,因此启用它之后算出的分数,与未启用时算出的分数不具可比性。分数在同一个扫描计划内、以及使用相同设置的各次运行之间保持可比 - - 我们不会在计划进行到一半时悄悄切换该设置。
AI 究竟在做什么?
做判断,然后加以证明。智能体像测试人员那样探索您的页面:挑选哪些控件值得触发、打开哪些对话框、在停下之前推进到什么程度。而它做出的每一个判断,背后都有一个测量值和一张截图支撑,而不是凭猜测。这是刻意的设计:在人力显得缓慢之处做到自主,在单靠语言模型不可靠之处做到有据可查。
为什么说 QualiBooth 是全球最先进的无障碍扫描器?
因为没有其他扫描器会测量运行中页面的实际行为。市面上的每一款工具都只是读取标记并进行推断;QualiBooth 同样会这么做,但还会派出 AI 智能体进入页面,完成另外十二项任何静态引擎都无法产出的检查,每一项都有测量数据和截图为证。这样的组合在其他任何地方都找不到。

看看您现有的扫描器一直漏掉了什么

发起一次免费扫描,或者让我们把 Deep Scan 智能体对准对您业务最重要的那条用户旅程。