Orientação do axe Expert

A extensão axe Expert integra-se com as ferramentas de desenvolvedor do seu navegador, que são um recurso embutido destinado ao uso por desenvolvedores web para examinar, solucionar problemas e resolver questões em páginas web. Após a instalação, a aba axe Expert aparece como uma opção na barra de abas das Ferramentas de Desenvolvedor. Clicar no botão exibe as cinco abas principais em uma barra horizontal abaixo da barra de ferramentas, cada uma com sua própria barra de ferramentas abaixo da barra de abas. Sob a barra de ferramentas específica da aba, você encontrará os principais painéis de conteúdo de resultados, que exibem controles adicionais, como botões e links.

Componentes

Os seguintes cinco componentes principais são revelados após a extensão axe Expert ser habilitada na barra de ferramentas do DevTools:

1. Aba axe Expert: A aba ao longo do topo do painel DevTools do navegador, incluindo axe Expert. Para informações completas de instalação, veja Baixando e Instalando a Extensão axe Expert. Clicar na aba torna axe Expert a ferramenta ativa, enquanto as outras ferramentas e controles da caixa de ferramentas permanecem na barra horizontal.

2. Menu de navegação suspensa do Painel de Menu Principal: Estas são as ferramentas dentro da ferramenta, por assim dizer, que você também pode considerar como "páginas" de visualização dentro da extensão axe Expert. Selecionar a seta para baixo exibe a lista. Selecione um item de link na lista para exibir o painel.

   Os painéis que podem ser acessados a partir do menu principal incluem:

   • Analisar: Analise a página carregada em busca de violações das regras de acessibilidade, veja detalhes sobre cada uma, baixe ou carregue para o axe Monitor. Para detalhes completos, veja Analisar.

   • Page Insights: Uma análise das funcionalidades na página disponíveis para tecnologias assistivas. Para detalhes completos, veja Informações da Página.

   • Tools: As Informações da Página mostram efetivamente componentes do Modelo de Objeto de Acessibilidade (AOM) usados por leitores de tela.

   • Scripts: Registre ações sequenciais realizadas na página carregada como um script de eventos que pode ser reproduzido, carregado ou baixado do axe Monitor, onde podem ser aplicados a scans para automatizar etapas tediosas de tarefas (como completar um formulário de login). Para detalhes completos, veja Scripts.

   • Rules: Envie regras personalizadas via um arquivo JSON para que estejam disponíveis como uma opção na seção Conjunto de Regras da aba Configurações, a partir da qual você pode selecionar seu próprio conjunto de regras para executar como parte de uma análise de página. Para detalhes completos, veja Painel de Regras.

   • Settings: Faça login no axe Monitor e especifique os padrões a serem visados em sua análise. Além disso, quando você seleciona ou "troca para" um projeto, os nomes da Organização e do Projeto são exibidos. Para mais informações, veja Faça login no axe Monitor.

3. Extension version number: O número da versão da extensão é exibido diretamente abaixo do título da extensão no topo da janela da extensão.

4. Pane specific menu, navigation tools and notification area: O botão de elipses verticais é um menu específico ao painel atualmente acessado. Ferramentas adicionais, como botões de navegação de violações, botões de inspecionar/realçar, menus suspensos, etc., bem como mensagens de resposta da ferramenta, aparecem dentro desta área de barra de ferramentas específica do painel geral. As ferramentas que são exibidas são específicas apenas à visualização do painel ativo selecionado (por exemplo, o painel Analisar). Algumas das funcionalidades exibidas aqui são integradas com as Ferramentas de Desenvolvedor do navegador.

5. Content pane(s) area: A janela principal é totalmente controlada e específica para axe Expert, embora algumas funcionalidades interajam com outras Ferramentas de Desenvolvedor integradas, como realçar ou inspecionar. Dependendo do painel selecionado, pode haver uma janela de painel único ou uma janela com painéis divididos ou múltiplos. Esta região das ferramentas do desenvolvedor exibe conteúdo como regras, violações, simulações e eventos de script. Painéis internos também contêm controles de usuário acionáveis como botões e links. Consulte os tópicos respectivos dos painéis para detalhes sobre a utilização de cada um.