Teste de Acessibilidade LambdaTest

Você pode facilmente integrar testes de acessibilidade em suas suítes de testes WebdriverIO usando LambdaTest Accessibility Testing.

Vantagens do Teste de Acessibilidade LambdaTest

O Teste de Acessibilidade LambdaTest ajuda a identificar e corrigir problemas de acessibilidade em suas aplicações web. As seguintes são as principais vantagens:

• Integra-se perfeitamente com sua automação de testes WebdriverIO existente.
• Verificação automatizada de acessibilidade durante a execução do teste.
• Relatórios abrangentes de conformidade com WCAG.
• Rastreamento detalhado de problemas com orientação para correção.
• Suporte para múltiplos padrões WCAG (WCAG 2.0, WCAG 2.1, WCAG 2.2).
• Insights de acessibilidade em tempo real no painel do LambdaTest.

Comece com o Teste de Acessibilidade LambdaTest

Siga estes passos para integrar suas suítes de teste WebdriverIO com o Teste de Acessibilidade do LambdaTest:

1. Instale o pacote de serviço LambdaTest 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. Atualize seu arquivo de configuração 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. Execute seus testes normalmente. O LambdaTest verificará automaticamente problemas de acessibilidade durante a execução do teste.

npx wdio run wdio.conf.js

Opções de Configuração

O objeto accessibilityOptions suporta os seguintes parâmetros:

• wcagVersion: Especifica a versão do padrão WCAG para testar

  • wcag20 - WCAG 2.0 Nível A
  • wcag21a - WCAG 2.1 Nível A
  • wcag21aa - WCAG 2.1 Nível AA (padrão)
  • wcag22aa - WCAG 2.2 Nível AA

• bestPractice: Inclui recomendações de melhores práticas (padrão: false)

• needsReview: Inclui problemas que precisam de revisão manual (padrão: true)

Visualizando Relatórios de Acessibilidade

Após a conclusão dos testes, você pode visualizar relatórios detalhados de acessibilidade no Painel do LambdaTest:

1. Navegue até a execução do seu teste
2. Clique na aba "Accessibility"
3. Revise problemas identificados com níveis de severidade
4. Obtenha orientações para correção de cada problema

Para informações mais detalhadas, visite a documentação de Automação de Acessibilidade do LambdaTest.