Visão Geral do Painel de Análise

Revise os pontos chave no painel de análise do axe Expert

O painel da Extensão axe Expert Analyze permite que você analise automaticamente a página da web que está atualmente carregada no navegador para encontrar violações de regras de acessibilidade. Ele exibe o número total de violações encontradas na seção superior da barra lateral esquerda, um número total de problemas que precisam ser revisados e o número de violações por regra na coluna direita de cada linha de regra na lista do painel inferior esquerdo. O painel violated rules à esquerda funciona como um índice no qual cada regra pode ser clicada para exibir seu conteúdo no painel direito. O painel de conteúdo à direita oferece vários campos de informação sobre a regra, a origem da violação e como ela pode ser resolvida. Ferramentas adicionais incluem a capacidade de navegar entre múltiplas violações para uma regra específica e links que permitem inspecionar, destacar, ver mais informações, exportar ou fazer upload de violações para, ou baixar problemas do axe Monitor.

Sobre As Regras: As regras automatizadas que são executadas se baseiam na opção de conjunto de regras que você seleciona no painel Regras.

Visão Geral da Interface do Usuário do Painel de Análise

O painel de Análise é composto por duas barras de ferramentas e três painéis principais de informação. Coletivamente, as barras de ferramentas e os painéis principais abrigam os seguintes componentes:

1. Todos os problemas encontrados: O número total de violações encontradas para todos regras é exibido, seguido pelo número de problemas que precisam ser revisados na linha abaixo.

   Esses números não mudam com base na seleção do menu suspenso de exibição.

2. Link Executar novamente: Ative Run again para repetir toda a análise da página. As análises repetidas podem mudar em relação à análise inicial considerando violações previamente corrigidas. Para informações detalhadas, veja Analisar uma Página para Violações de Regras de Acessibilidade.

3. Menu suspenso de todos os problemas encontrados: Controla as violações de regras exibidas na tabela abaixo. Selecione a seta para baixo para escolher entre All Issues, Violations, Needs Review, Rejected ou Best Practices.

   Quando Needs Review é selecionado, a lista de regras violadas inclui problemas que precisam de revisão manual. Por exemplo, problemas potenciais de contraste de cores que não podem ser determinados programaticamente não são necessariamente violações técnicas das regras.

4. Lista de resultados de violações de regras: Cada violação de regra identificada aparece como uma linha nesta seção, exibindo um texto descritivo curto. Para mostrar mais informações no painel de conteúdo à direita, selecione uma regra.

   Sua seleção nas opções do menu suspenso de exibição refinam quais regras aparecem na lista, e aquelas que precisam de revisão manual são refletidas nos totais da configuração de todos, mas são potencialmente não-problemas.

5. Contagens de violações de regras: O número de violações encontradas por regra é exibido à direita de cada item da lista na Lista de Resultados de Violações de Regras.

   As contagens estão sujeitas a alterações com base na sua seleção no menu suspenso de exibição.

6. Link Inspecionar Nó: Ative Inspect Node para inspecionar o código-fonte onde a violação selecionada ocorre na ferramenta de desenvolvedor Inspector. Para informações detalhadas, veja Inspecionar Violações.

7. Link Destacar: Ative Highlight para destacar o elemento no qual a violação ocorre na exibição HTML renderizada da página carregada. Para informações detalhadas, veja Destacar Violações.

8. Menu de contexto do painel: O menu de contexto contém itens de link específicos para o painel atualmente selecionado, fornecendo acesso a opções adicionais, ações e funcionalidades envolvidas na análise de acessibilidade (incluindo Export axe Monitor CSV, Scope, Download e Upload). Clique com o botão direito para exibir a lista de itens do menu contextual, clique novamente com o botão direito para fechar o menu.

9. Exportar CSV do axe Monitor: Baixe os resultados da análise do axe Monitor em um arquivo de Valor Separado por Vírgula (.csv) adequado para visualização em um programa de planilha como o Excel. Para informações detalhadas, veja Exportar Resultados do axe Expert Extension e axe Monitor.

10. Entrar no axe Monitor: Sign in to axe Monitor é o terceiro item no menu se o usuário não estiver autenticado, ou quando uma sessão tiver expirado e o usuário tentar acessar um item de menu que requer login no axe Monitor. Para mais informações, veja Entrar no axe Monitor.

11. Escopo: Exibe o painel de Escopo, que controla o escopo do que é analisado no painel de Análise. Isso inclui opções apenas para Conteúdo ou Modelo, bem como a capacidade de especificar um Padrão de URL ou XPath. Para informações detalhadas, veja Gravar um script.

12. Download: Baixe problemas da página do axe Monitor para a aba de Análise. Para informações detalhadas, veja Baixar Problemas da Página do axe Monitor.

13. Upload: Faça upload das violações das regras dos resultados da análise para o axe Monitor. Para informações detalhadas, consulte Upload de Resultados de Análise.

14. Botões de navegação de violações: Ative o botão de seta para a esquerda (<) e navegue para a violação anterior, após já ter navegado para frente além da primeira violação. A regra no painel esquerdo permanece selecionada, mas o painel de conteúdo é atualizado para exibir a violação anterior. A Violação # do total exibe o número da violação atualmente acessada de uma regra, junto com o número total de violações encontradas para essa regra. Clique no botão de seta para a direita (>) para navegar para a próxima violação se existirem várias violações para a regra selecionada. A regra no painel esquerdo permanece selecionada, mas o painel de conteúdo é atualizado para exibir a próxima violação.

15. Exibição de severidade: O nível de severidade do impacto na acessibilidade resultante de uma violação desta regra é exibido.

16. Link para mais informações: Clique para ver a ajuda sobre regras do axe na Deque University - conteúdo gratuito quando não estiver logado, ou axe Expert - conteúdo premium e aprimorado quando estiver logado, onde você pode obter informações sobre Como Resolver o Problema e Por Que Isso é Importante. Para informações detalhadas sobre como acessar e interpretar a ajuda sobre regras, consulte Obter Mais Informações sobre Regras e Remediação.

17. Campo de localização do elemento: O caminho dentro da estrutura hierárquica de tags exibida para representar a navegação até o elemento em que ocorre a violação atualmente selecionada.

18. Campo de origem do elemento: Exibe o código-fonte relevante do elemento em que ocorre a violação.

19. Tags de problema: Tags de categoria e diretriz aplicáveis. A gaveta de Tags de Problema é expandida por padrão e pode ser recolhida selecionando o botão de seta para a direita no lado direito da seção. As Tags de Problema exibem a categoria de critérios de sucesso para a regra atualmente selecionada e as diretrizes de acessibilidade relevantes (padrões de conjunto de regras) que a regra ajuda a satisfazer.

20. Seção de Resumo da Solução: Conselhos de remediação são fornecidos no contexto de uma ou mais questões que podem ser resolvidas para satisfazer a regra e prevenir uma violação futura. Além de informações resumidas para corrigir a violação, também são exibidos Nós Relacionados, quando aplicável.