TestMu AI 无障碍测试

你可以使用 TestMu AI 无障碍测试 轻松地在你的 WebdriverIO 测试套件中集成无障碍测试。

TestMu AI 无障碍测试的优势

TestMu AI 无障碍测试帮助你识别和修复 Web 应用程序中的无障碍问题。以下是主要优势：

• 与现有的 WebdriverIO 测试自动化无缝集成。
• 测试执行过程中进行自动无障碍扫描。
• 全面的 WCAG 合规性报告。
• 详细的问题跟踪和修复指导。
• 支持多种 WCAG 标准（WCAG 2.0、WCAG 2.1、WCAG 2.2）。
• TestMu AI 仪表板中的实时无障碍洞察。

开始使用 TestMu AI 无障碍测试

按照以下步骤将你的 WebdriverIO 测试套件与 TestMu AI 的无障碍测试集成：

1. 安装 TestMu AI WebdriverIO 服务包。

npm

npm install --save-dev @lambdatest/wdio-lambdatest-service

Yarn

yarn add --dev @lambdatest/wdio-lambdatest-service

pnpm

pnpm add --save-dev @lambdatest/wdio-lambdatest-service

Bun

bun add --dev @lambdatest/wdio-lambdatest-service

2. 更新你的 wdio.conf.js 配置文件。

exports.config = {
    //...
    user: process.env.LT_USERNAME || '<lambdatest_username>',
    key: process.env.LT_ACCESS_KEY || '<lambdatest_access_key>',

    capabilities: [{
        browserName: 'chrome',
        'LT:Options': {
            platform: 'Windows 10',
            version: 'latest',
            accessibility: true, // Enable accessibility testing
            accessibilityOptions: {
                wcagVersion: 'wcag21a', // WCAG version (wcag20, wcag21a, wcag21aa, wcag22aa)
                bestPractice: false,
                needsReview: true
            }
        }
    }],

    services: [
        ['lambdatest', {
            tunnel: false
        }]
    ],
    //...
};

3. 像往常一样运行你的测试。TestMu AI 将在测试执行期间自动扫描无障碍问题。

npx wdio run wdio.conf.js

配置选项

accessibilityOptions 对象支持以下参数：

• wcagVersion: 指定要测试的 WCAG 标准版本

  • wcag20 - WCAG 2.0 Level A
  • wcag21a - WCAG 2.1 Level A
  • wcag21aa - WCAG 2.1 Level AA（默认）
  • wcag22aa - WCAG 2.2 Level AA

• bestPractice: 包含最佳实践建议（默认：false）

• needsReview: 包含需要手动审查的问题（默认：true）

查看无障碍报告

测试完成后，你可以在 TestMu AI 仪表板 中查看详细的无障碍报告：

1. 导航到你的测试执行
2. 点击"无障碍"选项卡
3. 查看已识别的问题及其严重性级别
4. 获取每个问题的修复指导

有关更详细的信息，请访问 TestMu AI 无障碍自动化文档。