Teste Inteligente de Diálogo Modal
O IGT de Diálogo Modal ajuda a determinar se seu diálogo modal é acessível. Usuários de leitores de tela e usuários que não podem usar um mouse devem ser capazes de interagir com o diálogo modal sem acessar de forma confusa o conteúdo por trás do modal.
Como funciona
A primeira coisa que você terá que fazer é colocar a página no estado que deseja testar. Depois disso, algumas perguntas simples o guiarão na conclusão dos testes de acessibilidade que determinam se o seu Diálogo Modal tem problemas de acessibilidade ou não. O IGT de Diálogo Modal irá eliminar todo o tédio de ter que conhecer os meandros dos problemas que podem surgir com diálogos modais ao atender usuários com deficiência.
O IGT de Diálogo Modal pode ser transformado em um fluxo de trabalho automatizado com o novo recurso Reprodução Automática .
Passo 1: Selecionar o Modal
O modal que você gostaria de testar possui um botão que o lança?
Geralmente, um modal é iniciado pela interação de "clique" de um usuário com um controle como um botão. Se for esse o caso, selecione "Sim, meu modal tem um iniciador". Em seguida, você será solicitado a selecionar o iniciador do modal.
Se o modal que você está testando for lançado automaticamente (como um modal de tempo limite da sessão) ou acionado por algo que não seja o clique do usuário, selecione "Não, meu modal é acionado por outra coisa.". Depois disso, você será solicitado a acionar o modal e selecioná-lo.
Se o IGT não conseguir detectar automaticamente o elemento modal, você será solicitado a selecioná-lo.
Passo 2: Verificações do Modal
Esta etapa é completamente automatizada, então você não precisa fazer nada! Durante esta etapa automatizada, o IGT determina o seguinte:
- se o correto
roleé usado - se o foco está preso dentro do diálogo
- se o conteúdo fora do modal está oculto para leitores de tela (via
aria-modal=trueno próprio diálogo ouaria-hidden=truefora do diálogo)
Após esta etapa automatizada, o IGT perguntará:
Este modal pode ser dispensado ou fechado?
Se este modal pode ser dispensado, o IGT tentará fechá-lo automaticamente usando a tecla ESC . Se a tecla ESC não dispensou o modal, você será solicitado a dispensá-lo manualmente.
Uma vez que o modal é dispensado, você será solicitado a validar se o foco retornou ao iniciador ou algum outro elemento lógico.
Executando no Modo Automatizado
Quando o modo IGT automatizado estiver ativado, o IGT de Diálogo Modal mantém as mesmas etapas de configuração que você usa no teste padrão, em seguida, transfere para a IA avaliar automaticamente a dispensa e a restauração do foco.
Passo 1: Identifique e inicie o modal
Assim como no teste padrão, você dirá primeiro ao IGT como seu modal é iniciado:
- Se o modal tiver um iniciador, selecione Sim, meu modal tem um iniciador e escolha o controle de lançamento.
- Se o modal for acionado de outra forma (como um diálogo de tempo limite da sessão), selecione Não, meu modal é acionado por outra coisa e acione o modal você mesmo para que o IGT possa capturá-lo.
Se o modal não puder ser detectado automaticamente, você será solicitado a selecioná-lo.
Passo 2: A IA analisa seu modal
Uma vez que o modal é capturado, a IA assume as partes do teste que normalmente requerem interação manual:
- Dispensa: a IA determina se o modal deve ser dispensável e, em seguida, tenta fechá-lo automaticamente — primeiro com a tecla ESC chave e depois usando controles de dispensação que ele identifica (como um botão de fechar ou o fundo).
- Restauração do foco: Após o fechamento do modal, a IA verifica se o foco retornou a um elemento lógico, como o iniciador.
As verificações restantes do modal — diálogo correto role, foco preso dentro do diálogo e conteúdo fora do modal escondido dos leitores de tela — continuam a ser executadas automaticamente como parte do teste.
Quando a análise estiver concluída, você revisará as descobertas da IA, fará as correções necessárias e finalizará seu teste. Veja IGTs Automatizados para detalhes sobre a revisão dos resultados, correção de erros e conclusão do seu teste.
O que ele testa
- o foco é direcionado para o modal quando iniciado
- uso correto de modais aceitáveis
role - o foco é preso dentro do diálogo
- conteúdo fora do diálogo é escondido dos leitores de tela
- dispensa do modal por teclado
- o foco retorna ao elemento lógico (normalmente o iniciador)