Extensão axe DevTools

Para se familiarizar mais com a extensão axe DevTools para navegadores, assista ao Introdução ao vídeo da extensão axe DevTools para navegadores abaixo:

Saiba mais com a nossa playlist de vídeos da extensão axe DevTools

Instalação

A extensão axe DevTools para navegadores está disponível no Google Chrome e Microsoft Edge. Uma versão limitada também está disponível no Mozilla Firefox. No momento, a funcionalidade "Pro" (salvamento, exportação, Teste Inteligente Guiado, relatórios de uso, etc.) está disponível apenas nas versões Chrome e Edge. Para instalar, visite uma das listagens abaixo com o navegador respectivo, clique no botão de instalação e siga as instruções.

• Google Chrome
• Microsoft Edge
• Mozilla Firefox

Introdução

Abrindo a extensão axe DevTools

Para acessar a extensão axe DevTools, primeiro é necessário abrir as ferramentas de desenvolvedor do navegador. Para fazer isso, clique com o botão direito em qualquer lugar da página e escolha "Inspecionar". Alternativamente, as ferramentas de desenvolvedor podem ser abertas com os seguintes atalhos:

• Windows: ctrl + shift + i
• MacOS: cmd + option + i

Uma vez que as ferramentas de desenvolvedor do navegador estão abertas, navegue até a aba "axe DevTools".

Criando uma Conta & Fazendo Login

Para aproveitar ao máximo tudo o que a extensão axe DevTools para navegadores tem a oferecer, será necessário criar uma inscrição "Pro" ou um teste, junto com uma Conta axe.

Para criar uma conta, vá à página de planos e escolha um teste ou compre diretamente. Você poderá então criar uma conta conectando uma conta do Google ou GitHub, ou preenchendo o formulário de inscrição. Depois disso, será necessário verificar seu endereço de e-mail clicando no link do e-mail que você receberá imediatamente após a inscrição.

Depois que você tiver uma conta e um teste ou assinatura, poderá fazer login na extensão clicando no link "Entrar" no canto superior direito. Quando o login é iniciado a partir da extensão, uma nova aba será aberta, na qual você poderá completar o processo de login. Uma vez que o login estiver completo, você será redirecionado de volta para a aba da extensão.

Agora você está equipado com todos os recursos da extensão axe DevTools para navegadores alimentados por IA! Para começar, sinta-se à vontade para explorar a extensão por conta própria e continue lendo a documentação sobre os muitos recursos incríveis que a extensão axe DevTools tem a oferecer:

• Varredura para questões de acessibilidade
• Configuração da extensão axe DevTools para navegadores
• Teste Inteligente Guiado
• Compartilhamento
• Exportação
• Teste (manual) restante

Disponibilidade de Recursos

Todos os Usuários

• Varredura de Página Completa
  • Relatório de varredura incluindo detalhamento de cada questão, destaque, inspeção, seletor CSS do elemento, código-fonte do elemento, como corrigir, página de ajuda da regra
• Configurações
  • Aparência
    • Idioma
    • Tema de destaque
    • Tema da extensão
  • Regras e Questões
    • Melhores Práticas
    • Selecionar padrão de acessibilidade

Usuários com extensão axe DevTools (Pro) ou assinatura axe DevTools for Web

Todos os recursos listados acima, bem como:

• Verificação Parcial de Página
• Análise de Fluxo do Usuário
• Salvar testes
• Teste Guiado Inteligente
• Exportação
• Relatórios compartilhados de testes e problemas
• Lista de verificação de testes restantes
• Abertura manual de problemas
• Modo offline
• Resolução Automática de Contraste de Cor
• Configurações
  • Regras e Problemas
    • Selecionar versão do axe-core
    • Opções de Revisão Necessária
    • Comportamento da ferramenta de Contraste de Cor
    • Regras Experimentais
  • Configurações de Captura de Tela
  • Configurações de Exportação
  • Configurações do Servidor
  • Modo Offline (apenas para empresas)

Perguntas Frequentes

Como realizo uma verificação?

Realizar uma verificação é fácil! Consulte a documentação Verificando por problemas de acessibilidade para saber mais.

O que são “Testes Guiados Inteligentes” e como uso eles?

Os Testes Guiados Inteligentes, ou IGTS, guiam você pelo teste das áreas mais complicadas de acessibilidade sem precisar de experiência ou especialização em acessibilidade. Consulte a documentação Teste Guiado Inteligente para saber mais.

Posso exportar dados?

Sim! Existem vários formatos de exportação que são descritos em detalhes na documentação Exportando Dados.

Posso compartilhar resultados?

Compartilhar resultados é fácil com a Extensão axe DevTools. Você pode compartilhar registros de testes inteiros, grupos de problemas e até mesmo problemas individuais. Consulte a documentação Compartilhando Resultados para saber mais.

Como posso usar a configuração do navegador "Em sites específicos"?

Se você usar a configuração do navegador "Em sites específicos", certifique-se de adicionar https://*.deque.com/* à lista além dos outros URLs que deseja poder verificar. Caso contrário, você pode enfrentar problemas ao fazer login e usar outros recursos.

Administradores

A Extensão axe DevTools inclui provisionamento de múltiplas assinaturas, tornando a configuração e gerenciamento de usuários simples e direto.

Gestão de Usuários

Os administradores podem gerenciar usuários na página “GESTÃO DE USUÁRIOS”. Consulte a documentação Gestão de Usuários do Portal de Conta axe para saber mais.

Configuração em toda a organização

Os administradores podem configurar configurações como versões do axe-core, padrões de teste de acessibilidade e muito mais em toda a organização com Configuração axe.

Configuração por Política

A Extensão axe DevTools pode ser configurada por política, permitindo que os administradores controlem precisamente as opções de configuração da extensão. Saiba mais sobre a configuração por política aqui.