Mecanismo de Teste de Acessibilidade axe-core para Auditoria Automatizada de UI Web
O axe-core é o mecanismo de teste de acessibilidade padrão da indústria, desenvolvido pela Deque Systems, que detecta automaticamente violações das WCAG 2.0, 2.1 e 2.2 em interfaces web. Ele se integra a qualquer framework de teste existente — Playwright, Cypress, Selenium, Jest — para capturar problemas de acessibilidade durante o desenvolvimento, em vez de após a implantação.
Instalação
Use o caminho de instalação ou configuração upstream que corresponde ao seu ambiente:
- npm install axe-core --save-dev
- npm run build -- --lang=nl
Requisitos e observações do upstream:
- Testes automatizados de acessibilidade são uma enorme economia de tempo, não requerem conhecimento especializado e permitem que as equipes concentrem recursos especializados nos problemas de acessibilidade que realmente precisam deles. Infelizmente, a maioria das questões de acessibilidade...
- O Axe pode ser construído usando seu idioma local. Para isso, um arquivo de localização deve ser adicionado ao diretório ./locales. Este arquivo deve ser nomeado da seguinte forma: .json. Para construir o axe usando esta localidade, execute...
- Além disso, a localidade pode ser aplicada em tempo de execução passando um objeto de localidade para axe.configure(). O objeto de localidade deve ter a mesma forma das localidades existentes no diretório ./locales. Por exemplo:
Notas de uso básico ou primeiros passos:
-
Primeiro, baixe o pacote:
-
console
-
Agora, inclua o arquivo javascript em cada um dos seus iframes em seus fixtures ou sistemas de teste:
-
Extraído da documentação upstream: https://raw.githubusercontent.com/dequelabs/axe-core/HEAD/README.md