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 Ponto de Verificação individual (por exemplo, Alternativas de Texto para Imagens Ativas 1.1.1.a), clique no botão Adicionar Problema localizado logo abaixo do cabeçalho 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.

• Insira 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 na seta para baixo, em seguida selecione o ponto de verificação aplicável da lista, se diferente do atualmente acessado (que é automaticamente selecionado e preenchido neste campo por padrão).
• Marcar para revisão: Selecione esta caixa de seleção para marcar automaticamente este item para revisão quando considerado necessário. Nota: Isso faz com que uma caixa de texto Razão para Marca apareça abaixo do campo, permitindo a inserção de uma razão para a marcação do item 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' está selecionado por padrão. Com base na sua seleção no campo Ponto de Verificação, a lista é automaticamente preenchida com itens relacionados a problemas. Selecione a opção mais apropriada. Se você selecionou a caixa de seleção Usar Descrição como Resumo antes, o campo de resumo será automaticamente preenchido com a mesma descrição no campo 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 Descrição. Pode incluir conselhos de remediação, por exemplo.
• 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 campo, clique na seta para baixo, então 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 estiver usando IDs CSS, certifique-se de começar o ID com um #. Para um nome de classe CSS, comece com um ponto ou ponto final(.). Exemplos: #myidname ou .myclassname. Para mais informações, veja Processo do 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, veja Adicionando uma Captura de Tela a um Problema.
• Técnica de Recomendação: Selecione um tipo de recomendação na caixa de seleção. Você pode escrever sua própria técnica de recomendação para corrigir o problema ou selecionar um texto alternativo conforme mudanças de 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 Descrição. Isso pode incluir conselhos de correção. Se você selecionou a opção 'Selecione um texto alternativo conforme mudanças de imagem' no campo Técnica de Recomendação, este campo será preenchido automaticamente com os detalhes.
• Marque a caixa Adicionar outro problema para exibir outro formulário de caixa de diálogo Adicionar Novo Problema ao salvar o presente, se desejado.
• 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 individual de Ponto de Verificação. Para mais informações, veja 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 você estiver usando o recurso de várias execuções na extensão axe DevTools (recurso Pro) e usando a exportação para ser importada no Test Run do axe Auditor, ela pode ser importada para o axe Auditor com os problemas importados sendo o total de todos os problemas em várias 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 sobrescreve todos os problemas atuais dos tipos selecionados com o conjunto recém-importado.

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

  Aviso: Anexar problemas pode criar duplicatas se o conjunto importado sobrepuser os problemas existentes. Use esta opção somente se você tiver certeza de que a importação não contém duplicatas.

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

Nota 2: Quando o tipo de ativo digital não é Web para Desktop ou Web para Móvel, você não pode executar testes automatizados ou importar problemas IGT. Os botões na página Test Run Overview exibem "Não aplicável" em vez de "Executar Testes Automatizados" e "Importar Problemas" para tipos de ativos que não são Web para Desktop ou Web para Móvel.

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 desejada de Checkpoint Tests for Page: <Nome da Página> (Execuções de Teste > Visão Geral da Execução de Teste: <Nome da Página> > Retomar). Para obter 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 testes conectado. Na tela 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: