Importando e Inicializando para JavaScript em Navegadores

Depois de instalar o Axe DevTools para Web, você precisa importá-lo para sua configuração de teste e inicializar o pacote.

Pré-requisitos

Para importar e inicializar o Axe DevTools para Web, ele precisa ser instalado primeiro. Se ainda não o fez, leia o guia sobre como instalá-lo do seu repositório de artefatos, ou do Agora da Deque.

Importando e Inicializando

O pacote do navegador é destinado para ser executado dentro de um conjunto de testes agrupados, portanto, é importado com a sintaxe de módulos ES tanto em JavaScript quanto em TypeScript. @axe-devtools/browser fornece suas próprias declarações de tipos, então não há um pacote @types/ separado para instalar.

JavaScript

import { AxeDevTools } from '@axe-devtools/browser';

TypeScript

A declaração de importação é a mesma. Adicione o tipo AxeResults do axe-core quando quiser anotar os resultados que uma varredura retorna:

import { AxeDevTools } from '@axe-devtools/browser';
import type { AxeResults } from 'axe-core';

Inicializando

Depois de ter importado o pacote do navegador, inicialize-o com o conjunto de regras que você deseja testar. A declaração é a mesma em ambas as linguagens:

AxeDevTools.init('wcag2');

O argumento do conjunto de regras é obrigatório, e o TypeScript verifica-o contra os IDs de conjuntos de regras suportados: wcag2, wcag21, wcag22, wcag2aaa, wcag21aaa, wcag22aaa, 508, en301549, ttv5 e rgaav4.

Próximos Passos

Depois de instalar, importar e inicializar o Axe DevTools, você está pronto para avançar para a verificação de acessibilidade e escrita de testes de acessibilidade. Para isso, consulte o guia sobre escrevendo testes.

Resolução de Problemas

Se você tiver problemas com qualquer uma das etapas de importação ou inicialização do Axe DevTools, entre em contato diretamente com seu representante Deque, use nossa central de suporte, ou envie-nos um e-mail. Ficaremos felizes em ajudar.