5.1.2.10 - Requisitos para alteração de contexto ao interagir com formulários
Descrição
Não pode haver alteração de contexto inesperada ao interagir com formulários. Interações com formulários devem ter efeitos previsíveis, ou seja, ao entrar ou editar dados em formulários, não pode ocorrer de forma automática uma alteração de contexto sem que o usuário tenha conhecimento prévio. As alterações de contexto inesperadas podem deixar desorientados os usuários que não conseguem ter visibilidade completa da página.
Exemplo
Ao ser alterada, uma opção em um menu dropdown não recarrega a página com novo conteúdo. Este tipo de situação precisa ser combinado com um botão «ir», «continuar», «ok», para evitar acionamento acidental, ou o usuário precisa ser informado previamente sobre esse comportamento.
Desempenho funcional
Componentes aplicáveis
Cenários para desenvolvimento de interfaces
Escolha um perfil para ver as orientações específicas:
Projete formulários de maneira que as interações dos usuários sejam previsíveis. Evite mudanças automáticas de página, redirecionamentos ou atualizações ao preencher ou editar campos sem o conhecimento prévio do usuário, mantendo uma navegação consistente e intuitiva.
Mudanças só depois de uma confirmação
Escolher uma opção não deve recarregar a tela nem levar a outro lugar sozinho.
Certo: Seleção + botão
anotação de especificação
Seletor de estado seguido do botão "Aplicar filtro".
Errado: Seleção que redireciona
anotação de especificação
Ao escolher o estado, a página recarrega com outro conteúdo.
Garanta que no código as interações com formulários não provoquem mudanças de contexto inesperadas. Evite redirecionamentos automáticos ou atualizações ao entrar ou editar dados em formulários, a menos que haja um aviso claro e uma confirmação explícita por parte do usuário.
Não mude o contexto no change
Aguarde o envio explícito antes de navegar ou recarregar.
Certo: Envio explícito
<select id="uf">…</select> <button type="submit">Aplicar filtro</button>Leitor de tela anuncia: "Aplicar filtro, botão"
Errado: Navegação no change
<select onchange="location.href = this.value"> … </select>Leitor de tela anuncia: ao passar pelas opções com as setas, a página muda sozinha
Aprenda a fazer com conteúdos selecionados para você
Certifique-se de que as práticas da equipe previnam alterações de contexto inesperadas ao interagir com formulários, garantindo que os usuários mantenham o controle sobre a navegação e não se sintam desorientados ou frustrados.
Revise formulários com mudanças automáticas
Busque seletores e campos que recarregam, redirecionam ou abrem janelas.
Checklist do requisito 5.1.2.10: formulários
- botão Aplicar
Filtro por estado
seletor
- botão Aplicar
Idioma do site
seletor
- pendente
Ordenação da lista
seletor
2 de 3 itens em conformidade, 1 pendente de revisão.
Identificar interações que possam alterar o contexto
Revise todas as áreas da aplicação que contenham formulários, incluindo campos de entrada, seleções, e botões, e verifique se alguma interação altera o contexto, como redirecionamentos automáticos, recarregamento de página ou abertura de novas janelas.
Avisos ao usuário
Se a alteração de contexto for necessária, verifique se há uma notificação clara ao usuário antes da execução dessa mudança, garantindo que ele esteja ciente e possa se preparar.
Testar com diferentes tecnologias assistivas
Use leitores de tela e outros recursos assistivos para avaliar se as interações com formulários são compreendidas e se qualquer alteração de contexto é comunicada de forma adequada.
Simular casos de uso
Realize testes interagindo com formulários completos e avaliando o comportamento da página ao entrar e sair de campos ou ao fazer seleções. O contexto deve permanecer estável e previsível durante a interação.
Validação por usuários
Realize testes de usabilidade com usuários reais, especialmente com aqueles que utilizam tecnologias assistivas, para confirmar que a interação com formulários é intuitiva e não causa confusão.
Percorra as opções com o teclado
Use as setas num seletor e confira se nada muda antes de confirmar.
Certo: Contexto estável
"Ceará" (seta para baixo)
"Pernambuco" (seta para baixo)
"Aplicar filtro, botão" → lista atualizada
Só muda quando a pessoa decide.
Errado: Contexto instável
"Ceará" → página recarregou
Foco voltou ao topo
Opção desejada nunca alcançada
A pessoa não consegue escolher.
Evite construir em que ocorram mudanças de contexto inesperadas. Sempre informe o usuário sobre os impactos das alterações de contexto caso ocorram mudanças em algum elemento. Oriente de forma clara para quem usa tecnologias assistivas e não tem visibilidade da interface completa.
Avise quando houver mudança automática
Se o comportamento for inevitável, informe antes.
Certo: Aviso prévio
texto de ajuda
"Ao escolher o idioma, a página será recarregada."
A pessoa sabe o que vai acontecer.
Errado: Sem aviso
texto de ajuda
(nenhum texto)
A mudança pega a pessoa de surpresa.
Requisitos relacionados
Outros requisitos que se aplicam aos mesmos componentes.