Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung
Acessibilidade
Como um formulário evita erros antes de enviar?
Nível AA (3.3.4) requer prevenção de erros em formulários com consequências legais ou financeiras: revisão, confirmação ou anulação de submissões. Nível AAA Critério 3.3.6 estende isso a qualquer formulário que envia dados: pedido de contato, login, comentário, reserva de compromisso. Um erro no envio é um preço alto para as pessoas que preenchem um formulário com dificuldade.
O que o critério requer
Para cada página onde os visitantes enviam dados, pelo menos uma de três se aplica. Desfazer: O envio pode ser revogado, por exemplo, por um link de edição no e-mail de confirmação ou um prazo em que a solicitação pode ser retirada. Verificado: As entradas são verificadas por erros e o visitante pode corrigi-los antes que eles façam efeito. Confirmado: Antes da submissão final, a página mostra todas as entradas para controle e requer confirmação. A verificação no navegador (como campos obrigatórios, formato de e-mail) é uma forma de verificação se fizer efeito antes de os dados entrarem em vigor.
Para quem isto conta
Aqueles que preenchem com programa de leitura audível não vêem o formulário como um todo e dificilmente conseguem detectar rotadores de número e confusões de campo. Qualquer um que tenha restrições motoras, bate-lhe. Qualquer pessoa que tenha dificuldade de aprendizagem só nota um erro quando alguém o mostra. Para todos, a visão geral antes de enviar é o lugar onde eles encontram erros. Envios impossiveis também tiram o medo de fazer algo errado final.
É assim que lidamos com isso
A medição encontra formulários e verifica se existe uma verificação de entrada no navegador (obrigatório, tipo, padrão) e se os campos carregam mensagens de erro; uma página de confirmação ou uma revogação só se mostra quando envia e é verificada por uma pessoa. O critério pertence à categoria AAA no conhecimento; No nível AA, o serviço verifica 3.3.4 para os formulários de encomenda e de contrato.
Exemplos
Formulário de contato envia sem controle
<form action="/kontakt">
<input name="email">
<button>Senden</button>
</form><form action="/kontakt">
<input name="email" type="email" required aria-describedby="email-hilfe">
<button>Anfrage senden</button>
</form>
<!-- danach: Bestätigungsmail mit den Angaben und einem Link zum Ändern -->No nível AAA, cada formulário se aplica: verificar, ter confirmado ou cancelável, não só por dinheiro e lei.
- Verifique a entrada antes de enviar no navegador e no servidor; mostre erros no campo com uma instrução sobre como corrigi-los.
- Para formulários multi-nível, mostrar uma visão geral de todas as informações com links de edição antes do último botão.
- Depois de enviar, envie uma confirmação com as informações e uma forma de modificá-las ou retirá-las.
- Rotular o botão de envio com o que acontece: “Enviar pedido”, “Encaminhar data do livro”.
