网站速度与无障碍测试:工具与应用

用于检查网页加载速度、Core Web Vitals 指标和无障碍问题的工具。先确定要测什么:已上线页面的速度、开发中某项改动的效果,还是键盘和读屏软件用户遇到的障碍。

3 款应用信息有据可查

筛选

使用须知: 免费使用条件因工具和套餐而异。若卡片没有列出该工具特有的限制,请到官方页面确认额度、水印和导出条件。

Accessibility Insights for Web

扩展程序·设计与开发
有免费选项

Accessibility Insights for Web 是 Microsoft 的 Chrome 和 Microsoft Edge 扩展,提供用于快速扫描的 FastPass 和按步骤进行 WCAG 2.1 AA 评估的 Assessment。

为什么适合

网站速度与无障碍测试

PageSpeed Insights

网页·设计与开发
请查看套餐条件

PageSpeed Insights 会分析某个网页地址在手机和桌面端的表现,并同时显示真实用户的现场数据和 Lighthouse 实验室数据。

为什么适合

网站速度与无障碍测试

WAVE

网页·设计与开发
请查看套餐条件

WAVE 是 WebAIM 提供的工具,会直接在网页上用图标标出无障碍和 WCAG 错误;提供在线工具和浏览器扩展两种形式。

为什么适合

网站速度与无障碍测试

如何选择?

用移动端和桌面端设置把同一页面测几次;结果会因测试地点、网络和服务器负载而变化。先修复报告中最严重的几个问题,再在相同条件下复测并比较。

实验室测试是在单一模拟设备上的测量;访问量足够的页面还可能单独显示真实用户数据(现场数据)。请在官方文档中确认工具使用哪种数据、从哪里测试,以及免费套餐的测试次数限制。

分数高就代表网站快吗?分数只是某一种测试条件下各项测量的汇总,真实访客的设备和网络各不相同。不要只追求分数,而要看首个内容何时显示、页面对操作的响应速度,以及布局是否发生偏移。

自动无障碍测试就够了吗?自动工具能发现部分问题,例如缺少替代文字、对比度不足或表单字段没有标签,但发现不了全部。请只用键盘浏览页面,用读屏软件听一遍,并在放大状态下检查。

比较有文档依据的功能

此比较基于已发布的官方文档,并非实际操作测试或质量排名。未知功能不视为已验证。

比较有文档依据的功能
应用名称Accessibility Insights for Web扩展程序PageSpeed Insights网页WAVE网页
免费输出是尚未核实尚未核实
无需注册尚未核实尚未核实尚未核实
无水印尚未核实尚未核实尚未核实
离线可用尚未核实尚未核实尚未核实
批量处理尚未核实尚未核实尚未核实
内容语言尚未核实尚未核实尚未核实
使用须知 / 来源与核查日期

功能可能因设备和访问方式而异。

来源与核查日期
前往 accessibilityinsights.io

说明 1

来源与核查日期
前往 pagespeed.web.dev

说明 1

来源与核查日期
前往 wave.webaim.org

适用于多个工具的说明

  1. 请在官网确认当前配额和输出条件。