Usando o Plugin Axe Linter com IDEs JetBrains
Informações sobre como usar o plugin com IntelliJ IDEA Ultimate e WebStorm
O plugin Axe DevTools Linter para IDEs JetBrains (apenas IntelliJ IDEA Ultimate e WebStorm no Linux, macOS e Windows são atualmente suportados) permite verificar seu código para problemas de acessibilidade no IDE. Você pode verificar React (JSX), React Native, Angular, Vue, HTML e Markdown para defeitos comuns de acessibilidade.
A Community Edition do IntelliJ IDEA não é suportada porque não suporta LSP (Protocolo de Servidor de Linguagem). Apenas IntelliJ IDEA Ultimate Edition ou WebStorm suportam LSP. LSP também requer a versão 2023.2 ou posterior do IntelliJ IDEA Ultimate ou WebStorm.
Visão Geral do Uso
O plugin destaca erros de acessibilidade no IDE com uma linha ondulada vermelha e fornece uma dica de ferramenta indicando o erro. A dica inclui um link para Deque University para mais informações sobre o erro de acessibilidade especificado. Os erros de acessibilidade também aparecem na janela de ferramentas Problemas no IDE, como mostrado abaixo no WebStorm:
De forma semelhante, para o IntelliJ, a captura de tela a seguir mostra dois erros de acessibilidade (um valor digitado incorretamente para o atributo lang e um elemento de cabeçalho vazio):
Para mais informações sobre as verificações de acessibilidade que o plugin realiza, consulte Regras de Acessibilidade.
Começar
Você pode baixar o plugin do repositório Agora da Deque usando sua conta Agora.
Você deve ter uma conta Deque Agora para baixar o plugin. Para obter ajuda, entre em contato diretamente com seu representante Deque, nos contate através de nosso service desk, ou nos envie um e-mail.
O plugin é distribuído como .jar arquivo cujo nome de arquivo está no formato axe-devtools-linter-versão.jar (onde versão é a versão do plugin).
Você pode instalar o plugin em seu IDE seguindo os passos em Instalar plugin a partir do disco.
Configuração
Configurar o plugin não é necessário, mas você pode querer mudar seu comportamento criando axe-linter.yml arquivos de configuração. Para mais informações, veja:
- Configurando Axe DevTools Linter para uma referência às opções de configuração do Axe DevTools Linter
- Linting de Componentes Personalizados com o Axe Accessibility Linter para VS Code ou IDEs JetBrains para informações sobre como configurar o plugin para verificar componentes personalizados
Suporte a Regras de Acessibilidade
Para mais informações sobre as regras que o plugin utiliza para localizar erros de acessibilidade, veja Regras de Acessibilidade.
Próximos Passos
Este site de documentação contém informações sobre como usar as várias ofertas do Axe DevTools Linter. Para mais informações, veja Sobre o Axe DevTools Linter.