Relatório Detalhado
O que é a página de Relatório Detalhado?
A página de Relatório Detalhado mostra todos os detalhes de uma única análise de acessibilidade. Aqui você pode ver todos os problemas encontrados na página, estatísticas, recomendações sobre como corrigi-los e informações técnicas para desenvolvedores.
Como acessar?
Você pode acessar um relatório detalhado de várias formas:
- Da página Análises: clique no botão "Ver relatório" ao lado de uma análise concluída
- Da página Sitemap: clique no botão "Ver relatório" ao lado de uma URL analisada
- Da página Problemas: clique em um problema para ver o relatório da análise associada
Informações da Análise
No topo do relatório você vê três informações principais:
URL Analisada
O endereço completo da página que foi analisada. Você pode clicar neste link para abrir a página no seu navegador.
Data da Análise
A data e hora em que a análise foi realizada. Isso ajuda você a entender quando os problemas foram detectados.
Total de Problemas
O número total de problemas encontrados na página. Inclui todos os tipos: críticos, avisos e informações.
Estatísticas de Severidade
Esta seção mostra como os problemas são distribuídos com base em sua severidade:
Críticos
O número de problemas críticos encontrados. Estes são os problemas mais graves que impedem ou tornam muito difícil o acesso ao conteúdo para usuários com deficiência. Devem ser corrigidos com prioridade.
Avisos
O número de problemas de aviso encontrados. Esses problemas reduzem a usabilidade, mas não impedem completamente o acesso. É aconselhável corrigi-los para melhorar a experiência do usuário.
Informações
O número de sugestões informativas encontradas. São dicas para melhorar a acessibilidade que não são críticas, mas podem tornar o site ainda mais acessível.
Conformidade WCAG
Esta seção mostra quantos problemas violam os diferentes níveis dos padrões WCAG:
Nível A
O número de problemas que violam o Nível A do WCAG. O Nível A é o nível básico de acessibilidade e inclui requisitos fundamentais.
Nível AA
O número de problemas que violam o Nível AA do WCAG. O Nível AA é o nível padrão recomendado para a maioria dos sites e o exigido para conformidade com o EAA.
Nota: Um problema pode violar ambos os níveis, então os números podem se sobrepor.
Detalhes do Problema
Esta é a seção principal do relatório, onde você vê todos os problemas encontrados organizados claramente.
Organização do Problema
Os problemas são organizados nesta ordem:
- Problemas Críticos - Primeiro de tudo
- Avisos - Depois dos críticos
- Informações - No final
Dentro de cada seção, os problemas são agrupados por tipo. Por exemplo, todos os problemas relacionados a imagens são agrupados juntos.
Informações para Cada Problema
Para cada problema você vê:
Descrição do Problema
Uma descrição clara do que é o problema e por que é importante. Esta descrição ajuda você a entender o que precisa ser corrigido.
Severidade
Um badge colorido indicando a severidade do problema:
- Crítico: Vermelho - Requer atenção imediata
- Aviso: Amarelo/Laranja - Aconselhável corrigir
- Informação: Azul - Sugestão de melhorias
Nível WCAG
Um badge indicando qual nível WCAG é violado (A ou AA).
Recomendação
Uma explicação detalhada de como corrigir o problema. Esta é a parte mais importante porque diz exatamente o que fazer.
Referências
Duas referências importantes:
- WCAG: A referência aos padrões WCAG que este problema viola
- EAA: A referência aos padrões EAA (European Accessibility Act) que este problema viola
Essas referências são úteis se você precisar documentar a conformidade ou se quiser aprender mais sobre os padrões.
Detalhes Técnicos
Informações técnicas para desenvolvedores:
-
Seletor: O seletor CSS que identifica o elemento problemático na página. Isso ajuda os desenvolvedores a encontrar exatamente onde o problema está no código.
-
HTML: O código HTML do elemento problemático. Isso mostra exatamente como o elemento está estruturado e ajuda a entender o que modificar.
Nota: Nem todos os problemas têm código HTML, depende do tipo de problema.
Quando Não Há Problemas
Se a página não tiver problemas de acessibilidade, você verá uma mensagem de parabéns com um ícone de marca de seleção verde. Isso significa que a página é acessível e respeita os padrões!
Funções Disponíveis
Re-Analisar (Nova Análise)
O botão "Analisar" no topo permite realizar uma nova análise da mesma página. Isso é útil se:
- Você corrigiu alguns problemas e quer verificar as melhorias
- Você quer atualizar o relatório com os dados mais recentes
- A página foi modificada e você quer ver se há novos problemas
Nota: Esta função está disponível apenas para usuários Pro e Enterprise.
Quando você clica em "Analisar", uma nova análise é iniciada. Após a conclusão, você será automaticamente levado ao novo relatório.
Voltar para Análises
O botão com a seta para trás (←) no canto superior esquerdo leva você à página de Análises, onde você pode ver todas as análises realizadas.
Impressão do Relatório
O relatório está otimizado para impressão. Você pode:
- Usar a função de impressão do navegador (Ctrl+P ou Cmd+P)
- Salvar como PDF da janela de impressão
- Compartilhar o relatório impresso com sua equipe
Ao imprimir, elementos desnecessários (como botões de navegação) são automaticamente ocultados para melhor legibilidade.
Como Usar o Relatório
Aqui está um fluxo de trabalho recomendado para usar o relatório:
-
Comece com problemas críticos: Estes são os mais importantes e devem ser corrigidos primeiro.
-
Leia as recomendações: Cada problema tem uma recomendação que explica como corrigi-lo. Siga essas diretrizes.
-
Use detalhes técnicos: Se você é um desenvolvedor, use o seletor e o HTML para encontrar exatamente onde o problema está no código.
-
Verifique referências: Se precisar aprender mais, consulte as referências WCAG e EAA.
-
Corrija os problemas: Modifique o código da página para corrigir os problemas.
-
Execute uma nova análise: Após corrigir os problemas, execute uma nova análise para verificar se foram resolvidos corretamente.
-
Repita para avisos: Uma vez que os problemas críticos sejam corrigidos, passe para avisos e depois informações.
Dicas Úteis
-
Foque no crítico: Problemas críticos têm a maior prioridade. Corrija-os primeiro.
-
Use agrupamentos: Problemas agrupados por tipo ajudam você a corrigir problemas semelhantes todos juntos, o que é mais eficiente.
-
Salve o relatório: Se precisar compartilhar o relatório com outros ou mantê-lo como referência, use a função de impressão para salvá-lo como PDF.
-
Documente melhorias: Execute análises regulares e compare relatórios para ver melhorias ao longo do tempo.
-
Compartilhe com a equipe: Relatórios são perfeitos para compartilhar com desenvolvedores, designers e partes interessadas para mostrar o que precisa ser corrigido.
-
Use referências: Referências WCAG e EAA são úteis se você precisar documentar a conformidade ou se quiser aprender mais sobre os padrões.
Permissões Necessárias
Algumas funcionalidades requerem contas específicas:
- Visualização de relatórios: Todos os usuários (Demo, Pro, Enterprise) podem visualizar relatórios
- Re-análise: Apenas Pro e Enterprise podem realizar novas análises da página de relatório
Usuários Demo podem ver todos os relatórios, mas não podem realizar novas análises.
Quando o Relatório Não Existe
Se você tentar acessar um relatório que não existe ou foi excluído, verá uma mensagem informando que o relatório não foi encontrado. Você pode clicar no botão "Voltar para análises" para retornar à lista de análises.
Informações do Rodapé
Na parte inferior do relatório você vê:
- A data de geração do relatório
- Um link para mais informações sobre conformidade EAA
Essas informações são úteis para documentar quando o relatório foi gerado e para encontrar recursos adicionais.