Guias práticos

Conceber e testar uma janela modal

Versão sintética com as verificações essenciais. As edições francesa e inglesa desenvolvem o procedimento completo; as fontes oficiais permitem confirmar os pormenores técnicos.

Veja o método

Ilustração do trabalho num projeto web
Ilustração gerada por IA

Tempo de leitura estimado : 1 min · Publicado

O que verificar

Use um diálogo quando a tarefa justificar uma interrupção. Verifique nome acessível, foco inicial, percurso pelo teclado e fecho. Ao fechar, devolva o foco ao controlo adequado. Teste erros, conteúdos longos e ecrãs pequenos sem bloquear desnecessariamente o visitante.

Documentos de referência

Conteúdo atualizado

Matriz de validação funcional para se adaptar ao projeto

Esses controles propostos usam casos fictícios. Decida qual comportamento é esperado com a equipe, anote o resultado e atribua discrepâncias não resolvidas antes da publicação.

Desloque a tabela horizontalmente para ler todas as colunas. Com o teclado, coloque o foco na tabela e utilize as teclas de seta.

Casos de teste, resultados esperados e evidências úteis
CasoResultado esperadoProva para guardar
Abrir o diálogo, percorrê-lo com Tab e fechar com EscapeO foco permanece no diálogo aberto e regressa a um controlo lógico ao fechar.Sequência do foco, nome anunciado e teste com conteúdo longo.