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 Modal Dialog IGT pode ser transformado em um fluxo de trabalho automatizado com o novo recurso de 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 é lançado automaticamente (como um modal de tempo limite de sessão) ou acionado por algo além de uma ação clique do usuário, selecione „Não, meu modal é acionado por outra coisa.“. Após isso, 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
rolecorreto está sendo usado - se o foco está preso dentro do diálogo
- se o conteúdo fora do modal está escondido 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 pode ser fechado, o IGT tentará fechá-lo automaticamente usando a tecla ESC. Se ESC não fechar o modal, você será solicitado a fechá-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 modo IGT automatizado está habilitado, o Modal Dialog IGT mantém os mesmos passos de configuração que você usa no teste padrão e então passa para a IA avaliar automaticamente o fechamento 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 tem um iniciador, selecione Sim, meu modal tem um iniciador e escolha o controle de inicialização.
- Se o modal for acionado de outra forma (como um diálogo de tempo limite de 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 fechável e então tenta fechá-lo automaticamente — primeiro com a tecla ESC e, em seguida, usando controles de fechamento que identificar, como um botão de fechar ou o fundo.
- Restauração do foco: Após o modal ser fechado, a IA verifica se o foco retornou a um elemento lógico, como o iniciador.
As verificações restantes do modal — uso correto do diálogo role, foco preso dentro do diálogo, e conteúdo fora do modal escondido de leitores de tela — continuam a ser executadas automaticamente como parte do teste.
Quando a análise estiver completa, você revisará os resultados da IA, fará as correções necessárias e finalizará seu teste. Veja IGTs Automatizados para mais detalhes sobre como revisar resultados, fazer correções e completar seu teste.
O que ele testa
- o foco é direcionado para o modal quando iniciado
- uso correto de diálogo modal aceitável
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)
