Bem-vindo ao Axe DevTools para Web

Nós, da Deque Systems, criamos o Axe DevTools para Web para facilitar a integração de testes de acessibilidade automatizados em seu processo de desenvolvimento. Acreditamos que prevenir defeitos de acessibilidade por meio de testes de acessibilidade automatizados é a maneira mais eficiente e sustentável de criar produtos acessíveis.

O Axe DevTools para Web é construído sobre o nosso produto axe-core, que é o mecanismo de teste de acessibilidade de código aberto mais popular.

Os Componentes do Axe DevTools para Web

O Axe DevTools para Web é composto pelos seguintes componentes para ajudar você a integrar testes de acessibilidade em diferentes estágios do seu processo de desenvolvimento.

• Axe Developer Hub: Unifique Seus Testes de Acessibilidade Através das Plataformas
• Axe DevTools Linter: Identifique Problemas de Acessibilidade Enquanto Codifica
• Extensão do Navegador Axe DevTools: Verifique a Acessibilidade a Partir do Seu Navegador
• Axe Watcher: Adicione Testes de Acessibilidade às Suas Suites de Testes Web Existentes Rapidamente
• APIs Web: Automatize Seus Testes de Acessibilidade
• CLI: Verifique a Acessibilidade a Partir da Linha de Comando

Axe Developer Hub: Unifique Seus Testes de Acessibilidade Através das Plataformas

O Axe Developer Hub da Deque fornece uma plataforma abrangente de teste de acessibilidade que agrega resultados de várias fontes em todo o seu fluxo de trabalho de desenvolvimento. Quer você esteja testando aplicações web, aplicativos móveis ou integrando APIs do Axe DevTools para Web, o Axe Developer Hub oferece uma visão unificada dos problemas de acessibilidade em todo o seu ecossistema digital. Para mais informações, veja Bem-vindo ao Axe Developer Hub.

Axe DevTools Linter: Identifique Problemas de Acessibilidade Enquanto Codifica

Você pode baixar o Axe Accessibility Linter para VS Code no Marketplace do VS Code. Use-o enquanto escreve código para ser alertado sobre problemas de acessibilidade imediatamente, assim como qualquer outro linter.

O Axe DevTools Linter também está disponível como um plugin para IDEs JetBrains (IntelliJ IDEA Ultimate e WebStorm). Veja Usando o Plugin Axe Linter com IDEs JetBrains para mais informações.

Extensão do Navegador Axe DevTools: Verifique a Acessibilidade a Partir do Seu Navegador

A Extensão do Navegador Axe DevTools pode ser baixada diretamente da loja web do Chrome, site de complementos do Edge e site de complementos do Firefox. Use esta extensão (que se integra às Ferramentas do Desenvolvedor de cada navegador) para identificar até 80% de todos os defeitos de acessibilidade.

Para saber mais sobre como começar a usar a extensão do navegador Axe DevTools, veja esta playlist de vídeos.

Para ver a documentação da Extensão do Navegador Axe DevTools, veja Extensão Axe DevTools.

Axe Watcher: Adicione Testes de Acessibilidade às Suas Suites de Testes Web Existentes Rapidamente

Usar o Axe Watcher com o Axe Developer Hub simplifica o início dos testes de acessibilidade. Com o Axe Watcher, você pode adicionar testes de acessibilidade às suas suites de testes automatizados existentes mudando apenas algumas linhas de código. Ele executa automaticamente varreduras de acessibilidade durante seus testes, captura falhas junto com o contexto do Git (commits, branches, autores) e envia os resultados para o Axe Developer Hub para rastreamento e geração de relatórios centralizados. Funciona com suites de testes em JavaScript/TypeScript e Java.

Para saber mais sobre o Axe Watcher, comece com a documentação Axe Watcher.

APIs Web: Controle Granular Sobre Testes de Acessibilidade Dentro de Suas Suítes de Testes Existentes

As APIs do Axe DevTools para Web (abreviadas como APIs Web) são projetadas para ajudar você a testar problemas de acessibilidade como parte do seu processo automatizado de testes de IU (fim a fim). Você pode usar nossas APIs em testes onde utiliza drivers de navegador como Selenium, Puppeteer ou Playwright e frameworks de teste como Cypress, Jasmine, Jest, JUnit, Karma, Protractor, Robot Framework, unittest, entre outros - proporcionando a capacidade de usar nossos pacotes para ajudar a encontrar problemas de acessibilidade durante o seu processo de CI.

As APIs Web oferecem controle mais granular sobre o processo de teste em comparação ao uso do Axe Watcher com o Axe Developer Hub. (Embora um controle mais granular implique maior tempo de configuração e manutenção.) As APIs Web também oferecem suporte de idioma adicional em relação ao Axe Watcher (incluindo C#, Python e Ruby).

Para descobrir qual pacote do Axe DevTools para Web você precisa usar com os drivers de teste ou frameworks de teste que já utiliza, consulte nosso Catálogo de Exemplos. O catálogo não só ajudará você a identificar o pacote necessário, mas também indicará um projeto de exemplo que poderá clonar do GitHub e rodar localmente. Recomendamos que você experimente um exemplo primeiro. Uma vez funcionando localmente, será mais fácil integrar testes de acessibilidade automatizados em seu próprio projeto.

CLI: Verifique a Acessibilidade a Partir da Linha de Comando

Se a sua equipe ainda não possui muitos testes de UI automatizados, a ferramenta de interface de linha de comando (CLI) axe (geralmente referida apenas como a CLI) pode ser uma boa opção para adicionar testes de acessibilidade aos fluxos de usuário-chave no seu site ou aplicação web. A CLI pode ser programada para carregar páginas especificadas (através de sua linguagem de script integrada), preencher formulários, fazer login com credenciais de usuário de teste e expor diferentes estados de páginas construídas com React, Vue, Angular e outros frameworks semelhantes. Também pode ser muito valiosa para testar automaticamente sites responsivos em diferentes pontos de interrupção, e pode enviar seus resultados para o Axe Developer Hub, bem como os resultados das APIs da Web. Para começar a usar a CLI, leia os Guias de Início Rápido.

Acessando os Binários do Axe DevTools para APIs Web e CLI

Existem duas maneiras de obter os binários do Axe DevTools para APIs Web e CLI:

1. Diretamente do nosso repositório de artefatos. Você pode baixar os arquivos necessários na nossa página de Downloads. Na Axe DevTools para Exemplos Web você encontrará links para baixar um projeto de exemplo ou ver a documentação para seu exemplo preferido.

   note

   Para acessar a página de downloads ou o repositório de artefatos, será necessário fazer login usando sua conta Axe. Suas credenciais estão no seu e-mail de boas-vindas.

2. Conectando o repositório de artefatos da sua organização ao nosso para que seu gerenciador de pacotes possa resolver todas as dependências nos pacotes Axe DevTools para Web. Veja nossas instruções para conectar ao seu Repositório Nexus ou ao seu Repositório Artifactory.

Obtendo Ajuda

Se você tiver alguma dúvida ou precisar de ajuda para começar, estamos aqui para ajudar. Por favor, envie um e-mail, e ficaremos felizes em ajudar.

Além disso, seu e-mail de boas-vindas contém as informações de contato do seu Gerente de Sucesso do Cliente (CSM) designado. Eles também estão prontos para ajudá-lo a integrar os testes de acessibilidade na forma como você constrói seus próprios produtos.

---

Note: It is never necessary to use Deque's software or services in a way that collects, stores, or shares personal data. Do not use the software or services in a manner that collects, stores, or shares personal data.