Importando e Inicializando o Puppeteer para JavaScript

Uma vez que você tenha instalado o Axe DevTools for Web, é necessário importá-lo para o seu ambiente de testes e inicializar o pacote.

Pré-requisitos

Para importar e inicializar o Axe DevTools for Web, ele precisa ser instalado primeiro. Se você ainda não fez isso, leia o guia sobre como instalá-lo de um pacote, do seu repositório de artefatos ou do Agora da Deque. Você também precisará ter o Puppeteer instalado.

Importando e Inicializando

Importe tanto o Axe DevTools para Web quanto o Puppeteer. A sintaxe depende da linguagem e do sistema de módulos que seu projeto utiliza. Escolha o que corresponde ao seu projeto:

JavaScript com módulos CommonJS

Este é o padrão para um projeto Node.js sem "type": "module" no seu package.json.

const { AxeDevToolsPuppeteer } = require('@axe-devtools/puppeteer');
const puppeteer = require('puppeteer');

JavaScript com módulos ES

Use esta sintaxe em um projeto com "type": "module" no seu package.json, ou em arquivos .mjs.

import { AxeDevToolsPuppeteer } from '@axe-devtools/puppeteer';
import puppeteer from 'puppeteer';

TypeScript

O TypeScript usa a mesma sintaxe import que os módulos ES. @axe-devtools/puppeteer oferece suas próprias declarações de tipo, portanto, não há um pacote @types/ separado para instalar. Os resultados das verificações são tipados como AxeResults, que o axe-core exporta:

import { AxeDevToolsPuppeteer } from '@axe-devtools/puppeteer';
import puppeteer from 'puppeteer';
import type { AxeResults } from 'axe-core';

Para cada verificação, um novo objeto AxeDevToolsPuppeteer será criado. Para ver como fazer isso, consulte o guia sobre escrever testes.

Próximos Passos

Depois de instalar, importar e inicializar o Axe DevTools for Web, você está pronto para prosseguir com a verificação de acessibilidade e escrever testes de acessibilidade. Para isso, consulte o guia sobre escrever testes.

Resolução de Problemas

Se você tiver problemas com a importação ou inicialização do Axe DevTools for Web, entre em contato com seu representante Deque diretamente, acesse nosso suporte técnico ou envie-nos um email. Ficaremos felizes em ajudar.