O visitante começa a preencher o formulário e a palavra “Telefone” desaparece. Quando volta para conferir o pedido, precisa lembrar o que aquele campo solicitava.
Isso acontece quando o nome do campo foi colocado apenas como placeholder, o texto de exemplo que aparece enquanto a entrada está vazia. Para um formulário de contato, vale separar a identificação do campo da dica de preenchimento.
O exemplo desaparece quando há conteúdo
A MDN descreve placeholder como uma dica curta sobre o dado esperado. Ela aparece quando o controle está vazio e não deve substituir o rótulo que identifica o campo.
Num exemplo fictício, “Telefone para contato” pode ficar visível acima da entrada, enquanto uma dica interna mostra o formato esperado. Depois de digitar, o visitante continua sabendo qual informação está conferindo.
Referências: [1]
O rótulo precisa acompanhar o campo também no código
O tutorial da W3C orienta associar o rótulo ao controle. Uma associação explícita usa o atributo for do label com o mesmo id do campo. Isso ajuda tecnologias assistivas a apresentar a identificação correta.
Para quem contrata o site, o pedido de revisão é simples: a descrição deve continuar compreensível depois do preenchimento e estar ligada ao campo correspondente. Apenas desenhar um texto perto da caixa não comprova essa associação.
Referências: [2]
Confira o formulário preenchido no celular
Faça uma revisão em ambiente de teste, com dados fictícios:
- Preencha todos os campos e leia o formulário novamente.
- Veja se cada informação continua identificada.
- Toque no rótulo e confira se o campo correspondente recebe foco.
- Percorra os controles pelo teclado e confira a ordem.
- Verifique contraste e instruções sem depender só de cor.
Minha recomendação: mantenha o contexto à vista
Eu usaria rótulos persistentes e exemplos somente onde ajudam a evitar dúvida. Se a orientação é necessária depois que a pessoa começa a digitar, deixá-la apenas dentro do campo cria uma dependência desnecessária da memória.
O teste deve acompanhar a tarefa inteira, do preenchimento à conferência. Uma tela vazia pode parecer limpa e ainda ficar difícil de revisar quando o visitante coloca as próprias informações.
Fontes e referências
Referências consultadas em 29 out. 2026. Recursos e condições podem mudar.
Conteúdo produzido com apoio de inteligência artificial e aprovado para publicação. Os exemplos são ilustrativos; não representam testes próprios ou resultados de clientes. Conheça a política editorial.
