Saltar para o conteúdo
EUID Serviço de auditoria & selo, Página inicial
Mandar auditar o seu sítio

Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung

Acessibilidade

O que é uma mudança de contexto inesperada na entrada?

Uma mudança de contexto inesperada na entrada ocorre quando a página muda já ao digitar ou selecionar — sem o visitante ter pressionado «Enviar». O exemplo clássico: uma lista de seleção «Escolha país» carrega imediatamente uma nova página ao selecionar. Quem erra ou percorre a lista com setas vê-se arrastado a meio da entrada. O critério WCAG 3.2.2 exige um passo de confirmação explícito.

O que o critério significa praticamente para visitantes

Os formulários vivem da possibilidade de reconsiderar e corrigir entradas. Quem controla uma lista de seleção com o teclado percorre as entradas com as setas na sequência — cada entrada é brevemente selecionada nesse processo. Se a página recarregar já nessa seleção, um utilizador de teclado só consegue aceder à primeira entrada; todos os países, filiais ou categorias posteriores permanecem inacessíveis para ele. Também pessoas que digitam lentamente ou usam controlo por voz perdem seus formulários meio preenchidos em mudanças instantâneas assim. A solução é simples e familiar: um botão próprio como «Seguinte» ou «Aplicar» que o visitante deliberadamente aciona quando a sua entrada está completa.

Assim o serviço de verificação mede o comportamento na entrada

O serviço de verificação realiza no navegador real uma prova de entrada cuidadosa: seleciona um campo de texto no seu site, digita um carácter e observa o que acontece. Se a entrada despoleta uma navegação real — a página recarrega sem nada ter sido enviado —, o critério é violado. Se a página fica quieta, a prova é aprovada. Listas de seleção a medição deliberadamente não tenta: uma seleção automática poderia ter consequências num site real. Esses casos são registrados abertamente para verificação manual, e no padrão ouro uma pessoa avalia o comportamento de cada lista de seleção. Também uma procura ao vivo que reconstrói a lista de resultados ao digitar é avaliada humanamente.

Exemplos

Selecção envia imediatamente

Não encontrado
<select name="land" onchange="this.form.submit()">…</select>
Realizado
<select name="land">…</select>
<button type="submit">Anzeigen</button>

Quem passa pela lista com as setas, dispara um envio a cada passo. Um botão separa a escolha e o efeito.

  • Percorra cada lista de seleção do seu site com as setas e verifique se a página fica no lugar.
  • Dê a cada seleção de filtro e país um botão próprio como «Aplicar» em vez de deixar a seleção ter efeito imediatamente.
  • Digite num campo de procura um carácter e observe se a página fica quieta.
  • Peça à sua agência para substituir redirecionamentos automáticos em mudanças de formulário sistematicamente por passos de confirmação.

Deutsche Fassung dieser Seite

  • Selo Digitale Barrierefreiheit
  • Selo Daten & Recht
  • Selo Technische Qualität
  • Selo Digital Excellence
  • Selo Cyberversicherung

Auditado. Por um futuro digital melhor.euid.com