Repolode
提交项目
dequelabs

dequelabs/axe-core-npm

一组 npm 包，将 axe 无障碍检测引擎接入 CLI、浏览器自动化、React 和 WebDriver 测试中。

在 GitHub 查看
Star
731
Fork
80
未关闭 Issue
103
最近提交
22小时前

这是什么？

axe-core-npm 是一个包含七个 npm 包的单仓库，基于 axe-core 引擎执行自动化无障碍检测。每个包对应一种常见的 Web 测试环境，可以把无障碍规则直接加入现有的端到端或组件测试中。

其中包括命令行工具 @axe-core/cli，以及 Playwright、Puppeteer、WebDriverIO、WebdriverJS 的集成包；@axe-core/react 可在开发阶段输出无障碍问题；@axe-core/reporter-earl 则用于生成结构化的 EARL 报告。开发者只需安装与自己工具链匹配的包，并在测试代码中调用 axe，无需手动接入引擎。

项目由 Deque Systems 维护，使用 pnpm 管理依赖，根目录提供 lint 和格式化脚本。各个包的安装、用法与配置说明见其各自的 README。

核心功能

  • 01在 Playwright、Puppeteer、WebDriverIO 和 WebdriverJS 测试中运行 axe-core 无障碍规则。
  • 02提供命令行工具，可直接从终端检测页面。
  • 03包含 React 集成，在开发过程中显示无障碍问题。
  • 04提供 EARL 报告器，输出结构化的无障碍检测结果。

适用场景

  • 在现有的 Playwright 或 Puppeteer 端到端测试中加入无障碍断言。
  • 在 CI 脚本中使用命令行工具扫描页面。
  • 在本地开发时发现 React 组件中的无障碍回归问题。

快速上手

  1. 1

    使用 pnpm 安装仓库依赖

    pnpm install
  2. 2

    运行代码检查

    pnpm run lint
  3. 3

    运行代码格式化

    pnpm run fmt
  4. 4

    按所需具体包的 README 进行安装和使用

使用前须知

  • 这是一个包含多个封装包的单体仓库，需要单独安装与你所用工具匹配的包。
  • 本地开发需要使用 pnpm 包管理器。

收录于专题

测试框架与自动化测试工具

标签

#accessibility#testing#axe-core#end-to-end-testing#webdriver#react#npm

常见问题

axe-core-npm 是什么？
一组 npm 包，将 axe 无障碍检测引擎接入 CLI、浏览器自动化、React 和 WebDriver 测试中。 axe-core-npm 是一个包含七个 npm 包的单仓库，基于 axe-core 引擎执行自动化无障碍检测。每个包对应一种常见的 Web 测试环境，可以把无障碍规则直接加入现有的端到端或组件测试中。
axe-core-npm 可以免费使用吗？用的什么许可证？
axe-core-npm 以 MPL-2.0 许可证开源。用于商业产品前，请先确认许可证条款。
axe-core-npm 还在维护吗？
活跃维护中。axe-core-npm 最近一次提交是在 2026年11月6日。
axe-core-npm 适合用来做什么？
在现有的 Playwright 或 Puppeteer 端到端测试中加入无障碍断言。 在 CI 脚本中使用命令行工具扫描页面。 在本地开发时发现 React 组件中的无障碍回归问题。
axe-core-npm 怎么安装和运行？
使用 pnpm 安装仓库依赖: pnpm install 运行代码检查: pnpm run lint 运行代码格式化: pnpm run fmt 按所需具体包的 README 进行安装和使用
在哪里获取 axe-core-npm？
源代码和安装说明在 GitHub 上：https://github.com/dequelabs/axe-core-npm

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目