Formulários web que as pessoas realmente enviam
As versões quebradas
Cada formulário desta página tem erros de propósito, para você ver o efeito deles. Cada seção explica o que está errado antes do formulário começar. Para pular um formulário, vá para o próximo título.
Este exemplo roda no seu navegador. Nada do que você digita é enviado.
Placeholders no lugar de rótulos
Estes três campos não têm rótulo. As palavras que você vê são placeholders e somem assim que você digita. Um leitor de tela só consegue anunciar cada campo como campo de texto.
Uma máscara que preenche o campo antes de você digitar
Os caracteres da máscara estão escritos dentro do campo, então o formulário acha que ele já tem uma resposta. O rótulo nunca sobe e fica por cima da máscara.
Erros vagos, verificados a cada tecla
Este formulário reclama enquanto você ainda está digitando, marca os problemas só com uma borda vermelha e diz apenas Dados inválidos no topo do formulário.
Um botão sem nome que perde o seu trabalho
O botão de envio é um ícone sem texto, então um leitor de tela anuncia só botão. Quando você o pressiona, ele não mostra nada enquanto trabalha, e quando a conexão simulada cai o formulário apaga tudo o que você escreveu.
Um formulário escuro que nunca avisou o navegador
Esta área escura não declara color-scheme, e o menu dela não tem rótulo. Em muitos sistemas, a seta do menu fica cinza-escura sobre quase preto, e um leitor de tela anuncia só uma caixa de combinação.
Um formulário em várias etapas que esquece
Este formulário não salva nada. Preencha a primeira etapa, recarregue a página e você vai recomeçar do zero.