Teste Manual

O teste manual é o principal objetivo do axe Auditor. Informações guiadas são fornecidas na interface do usuário para orientá-lo pelo Caminho Deque de testes de acessibilidade em telas de Teste de Ponto de Verificação, organizadas por categorias amplas. Nessas telas, você pode ler a metodologia de teste, aproveitar ferramentas que permitem interagir com a página ou componente em teste, registrar informações detalhadas sobre problemas encontrados, anexar capturas de tela, marcar itens para revisão e indicar o resultado - aprovado, reprovado ou não aplicável.

O teste manual pode ser:

• Iniciado após pular testes automatizados
• Iniciado na tela Preparar Página para Teste Manual
• Continuado a partir da tela "Teste de Pontos de Verificação para" Página (ou Componente)
• Realizado sem conexão a um navegador de teste
• Realizado sem qualquer teste automatizado
• Realizado antes ou depois do teste automatizado
• Concluído sem executar qualquer teste automatizado

Adicionando um Problema Manual

Para adicionar um problema manual:

No campo de teste manual, clique no botão Adicionar Problema.

Nota: Em uma tela de checkpoint individual (por exemplo, Alternativas de Texto para Imagens Ativas 1.1.1.a), clique no botão Adicionar Problema localizado logo abaixo do título da tela.

A caixa de diálogo Adicionar Novo Problema (uma janela pop-up) aparece em primeiro plano, com vários campos de entrada e seleção de formulário, além de um botão Salvar.

• Digite o texto no campo Resumo que resume brevemente a natureza do problema. Este campo fica desativado para entrada se a caixa de seleção Usar Descrição como Resumo estiver selecionada.
  • Selecione a caixa de seleção Usar Descrição como Resumo se desejar que o resumo seja o mesmo da descrição mencionada no campo abaixo. Esta opção é selecionada por padrão.
• No campo Ponto de Verificação, clique no seta para baixo, depois selecione o checkpoint aplicável da lista se for diferente do checkpoint atualmente acessado (que é automaticamente selecionado e preenchido neste campo por padrão.
• Marcar para revisão: Selecione esta caixa de seleção para sinalizar automaticamente este item para revisão quando julgado necessário. Nota: Isto faz com que uma caixa de texto Razão para Marca apareça abaixo do campo, permitindo a entrada de um motivo pelo qual o item está sendo sinalizado para revisão.
• Preencha os campos no formulário da caixa de diálogo Adicionar Novo Problema conforme desejado.

Consulte as seguintes descrições:

• Descrição: 'Criar minha própria descrição' é selecionada por padrão. Com base na sua seleção no campo de Checkpoint, a lista é automaticamente preenchida com itens de problemas relacionados. Selecione a opção mais apropriada. Se você selecionou a caixa de seleção Usar Descrição como Resumo anteriormente, o campo de resumo é automaticamente preenchido com a mesma descrição no campo de Descrição.
• Detalhes: Este é um campo de entrada de texto livre que você pode usar conforme desejado para registrar qualquer informação adicional não incluída no campo de Descrição. Ele pode incluir, por exemplo, conselhos de remediação.
• Tipo de Problema: Consulte as seguintes descrições antes de fazer uma seleção:
  • Acessibilidade: O problema impacta a capacidade de um usuário com deficiência acessar o conteúdo ou funcionalidade do site. Falha no teste de ponto de verificação.
  • Melhor Prática: O problema impacta a capacidade de um usuário com deficiência acessar o conteúdo ou funcionalidade do site, mas não falha no teste de ponto de verificação. Isso não é considerado uma violação.
  • Agente do Usuário: O problema é resultado da interação do agente do usuário com a página, não necessariamente do próprio conteúdo da página.
  • Funcionalidade: O problema é resultado de um problema com a funcionalidade da página e deve ser considerado um defeito funcional.
  • Usabilidade: O problema impacta a capacidade de todos os usuários acessarem o conteúdo ou funcionalidade do site.
• No campo Impacto, clique no seta para baixo, depois selecione o nível de impacto aplicável da lista. Nota: Crítico é selecionado por padrão. Consulte as seguintes descrições antes de fazer uma seleção:
  • Crítico: Este problema resulta em conteúdo bloqueado para indivíduos com deficiências. Até que uma solução seja implementada, o conteúdo ficará completamente inacessível, tornando sua organização altamente vulnerável a ações legais. A correção deve ser uma prioridade máxima.
  • Sério: Este problema resulta em barreiras sérias para indivíduos com deficiências. Até que uma solução seja implementada, algum conteúdo será inacessível, tornando sua organização vulnerável a ações legais. Usuários que dependem de tecnologia assistiva experimentarão frustração significativa ao tentar acessar o conteúdo. A correção deve ser uma prioridade.
  • Moderado: Este problema resulta em algumas barreiras para indivíduos com deficiências, mas não os impede de acessar elementos ou conteúdo fundamentais. Isso pode tornar sua organização vulnerável a ações legais. Esta violação deve ser resolvida antes que uma página possa ser considerada totalmente conforme.
  • Menor: Este é considerado um problema que causa menos impacto para os usuários do que um problema moderado. Para que uma página seja considerada totalmente conforme, este problema deve ser resolvido, mas pode ser tratado por último.
  • Bloqueador: Resulta em obstáculos catastróficos para pessoas com deficiências. Esses problemas definitivamente impedirão o acesso a recursos ou conteúdos fundamentais, sem soluções alternativas possíveis. Este tipo de problema coloca sua organização em alto risco. Priorize a correção imediatamente e implemente como hotfixes o mais rápido possível. Deve ser extremamente raro.

Na seção Seletor, Código Fonte, Capturas de Tela e Recomendações, preencha os seguintes detalhes:

• Seletor: Insira um nome de seletor CSS anexado a um elemento em uma página que pode ser usado para direcionar esse elemento. Você pode usar um seletor simples (classe, ID, etc.) ou um caminho de seletor. Se você estiver usando IDs CSS, certifique-se de iniciar o ID com #. Para um nome de classe CSS, inicie com um ponto. Exemplos: #nomeid ou .nomeclasse. Para mais informações, consulte o Processo de Seletor CSS.
• Código Fonte: Cole o código-fonte relevante da página em teste conforme necessário.
• Captura de Tela: Clique no botão Upload, procure e selecione o arquivo de imagem desejado, depois clique em Abrir. Para mais informações, consulte Adicionando uma Captura de Tela a um Problema.
• Técnica de Recomendação: Selecione um tipo de Recomendação na caixa de seleção suspensa. Você pode escrever sua própria técnica de recomendação para corrigir o problema ou selecionar um texto alternativo conforme as mudanças na imagem.
• Recomendação para Correção: Neste campo de entrada de texto livre, digite conforme desejado para registrar qualquer informação adicional não incluída no campo de Descrição. Isso pode incluir conselhos de remediação. Se você selecionou a opção 'Selecionar um texto alternativo conforme mudanças na imagem' no campo Técnica de Recomendação, este campo é automaticamente preenchido com os detalhes.
• Marque a caixa Adicionar outro problema para exibir outra caixa de diálogo Adicionar Novo Problema ao salvar a atual, se desejar.
• Clique no botão Criar Problema.

O campo de teste manual na seção de Status de Teste atualiza automaticamente a contagem de '# problemas registrados' com um valor atualizado, a tela de ponto de verificação selecionada exibe uma atualização de '# Problema registrado', e uma mensagem de confirmação 'Problema salvo com sucesso...' aparece no topo, à direita da tela de Testes de Ponto de Verificação para hub.

Procedimento relacionado: Problemas também podem ser adicionados de qualquer página de checkpoint individual. Para mais informações, consulte Adicionando um Problema (Específico de Ponto de Verificação).

Importando Problemas Automatizados e IGT

Os usuários do Axe Auditor podem importar problemas (exportados como um arquivo JSON usando a extensão axe DevTools Pro) no nível de unidade de teste, permitindo que importem problemas automatizados e IGT em uma única operação.

Nota - várias execuções de IGT em importações do axe DevTools: Se estiver usando o recurso de múltiplas execuções na extensão axe DevTools (recurso Pro) e usando a exportação para ser importada no axe Auditor Test Run, ele pode ser importado no axe Auditor com os problemas importados sendo o total de todos os problemas em múltiplas execuções (após a remoção manual dos duplicados).

Os dois tipos diferentes de problemas (além dos problemas manuais) que uma unidade de teste pode incluir são:

• Problemas automatizados - de dentro do Auditor, ou de um arquivo JSON carregado pelo usuário.
• Problemas IGT - Todos os problemas que a extensão axe DevTools Pro pode encontrar ao executar testes IGT de um arquivo JSON carregado pelo usuário são marcados como problemas IGT.

Na página de Visão Geral da Unidade de Teste, use a seção chamada Teste IGT para importar problemas IGT. Esta seção contém:

• O status do teste IGT indicando o número de testes IGT concluídos,
• O número de problemas registrados, e
• Um botão Importar Problemas que permite ao usuário carregar um arquivo JSON em um formato pré-definido fornecido pela Deque Systems.

Clicar no botão Importar Problemas abre a caixa de diálogo de confirmação Upload, onde você pode importar problemas IGT usando um arquivo JSON. Para gerar o arquivo JSON, utilize a opção JSON na extensão axe DevTools (Exportar → Teste Salvo e Problemas → opção JSON).

Você pode escolher como lidar com a importação e, em seguida, escolher quais tipos de problemas incluir. As opções disponíveis são:

• Substituir problemas existentes: Esta opção substitui todos os problemas atuais dos tipos selecionados pelo novo conjunto importado.

• Anexar problemas importados: Esta opção mantém os problemas existentes e adiciona novos problemas importados ao lado deles sem remover o progresso atual.

  Aviso: A adição de problemas pode criar duplicados se o conjunto importado se sobrepor aos problemas existentes. Use esta opção apenas se você tiver certeza de que a importação não contém duplicados.

Nota 1: Ao importar problemas IGT, você pode optar por manter os problemas automatizados existentes ou substituí-los por problemas automatizados no arquivo, se a unidade de teste já contiver problemas automatizados.

Nota 2: Quando o tipo de ativo digital não for Web Desktop ou Web Mobile, você não pode executar testes automatizados ou importar problemas IGT. Os botões na página de Visão Geral de Execução de Teste exibem "Não aplicável" em vez de "Executar Testes Automatizados" e "Importar Problemas" para tipos de ativos que não são Web Desktop ou Web Mobile.

Reexecutando Testes Automatizados

Quando o teste automatizado já foi executado em um componente ou página, mas você fez alterações nessa página e a execução de teste associada ainda não foi concluída, você pode "reexecutar" os testes automatizados na tela Checkpoint Tests for Page (ou Component): <Nome da Página (ou Componente)>.

Antes de Começar: Primeiro você deve navegar até a tela de Testes de Checkpoint para Página: <Nome da Página> (Execuções de Teste > Visão Geral de Execução de Teste: <Nome da Página> > Retomar). Para mais informações, consulte Retomando uma Execução de Teste.

Para reexecutar testes automatizados:

1. Na tela Checkpoint Tests for Page: <Nome da Página>, ative o link Reexecutar testes automatizados na seção Status de Teste da tela.
2. Na janela pop-up de Confirmação Reexecutar Testes Automatizados, ative o botão Sim, Executar Novamente.
3. Na tela Preparar Página para Testes Automatizados e Manuais, ative o botão Enviar URL.
4. A página a ser testada é exibida no navegador de teste conectado. Na tela de Preparar Página para Testes Automatizados e Manuais, ative o botão Iniciar Teste. Nota - Ponto de Partida Alternativo - tela de Testes Automatizados: Você também pode reexecutar testes automatizados clicando no botão Reexecutar Testes Automatizados na parte inferior, à esquerda da tela de Testes Automatizados: