Rótulos de formulário: como escrever instruções e exemplos

O rótulo identifica o campo; a instrução explica como preenchê-lo; o exemplo mostra um formato possível. No formulário de contato, essas funções precisam continuar compreensíveis enquanto a pessoa escreve e revisa a mensagem. Um texto que aparece apenas dentro da caixa vazia pode desaparecer justamente quando ela precisa conferir o que informou.

O guia de página de contato organiza canais, informações e encaminhamento. Aqui, vamos revisar os textos dos campos. Para acompanhar o pedido até o destino e o retorno, use também o roteiro de teste de formulário de captação.

Separe o nome do campo da ajuda para preencher

Comece pelo dado necessário à conversa. Se a equipe vai responder por e-mail, um rótulo como “E-mail para retorno” informa a finalidade com mais precisão que “Contato”. A instrução pode esclarecer que a pessoa deve informar um endereço que acompanha. O exemplo, quando útil, mostra a forma esperada sem substituir essas informações.

Os textos da tabela são propostas editoriais para adaptar ao processo. A instrução não deve prometer resposta em prazo que a operação não confirmou. A mensagem de erro precisa corresponder à validação real: detectar um formato inadequado não prova que o endereço existe ou que uma mensagem será entregue.

No tutorial de instruções de formulários do W3C, a orientação inclui informar obrigatoriedade, formatos e instruções relevantes. A fonte também diferencia instruções associadas ao campo do placeholder, o texto que costuma aparecer dentro da caixa ainda vazia.

Confira o que continua visível depois de digitar

Exemplo fictício: uma empresa prepara um formulário para receber pedidos de orientação. O campo usa o rótulo “E-mail para retorno (obrigatório)” e a instrução “Informe um endereço que você acompanha para receber a resposta”. O endereço nome@example.com aparece apenas como exemplo de formato na caixa vazia.

1. Campo vazio

Rótulo: E-mail para retorno (obrigatório). Exemplo interno de formato: nome@example.com. Instrução: Informe um endereço que você acompanha para receber a resposta.

2. Campo preenchido

Valor demonstrativo: teste@example.com. O exemplo interno desaparece; o rótulo E-mail para retorno (obrigatório) e a mesma instrução continuam disponíveis.

O que conferir

A informação necessária à revisão não depende de apagar o valor digitado. A associação técnica ao controle precisa ser conferida na implementação.

Limite da figura

Esquema fictício, sem campo funcional. Endereços example.com demonstrativos.

Descrição da figura

O primeiro estado, campo vazio, mostra o rótulo E-mail para retorno, obrigatório. Dentro da caixa aparece nome@example.com como exemplo de formato. Abaixo está a instrução Informe um endereço que você acompanha para receber a resposta. No segundo estado, preenchido, a caixa contém o valor demonstrativo teste@example.com. O exemplo interno desapareceu, mas o mesmo rótulo e a mesma instrução continuam disponíveis. Trata-se de um esquema de leitura, sem campo funcional. Os endereços são demonstrativos e a associação técnica de rótulo e ajuda ao controle precisa de conferência própria.

No segundo estado da demonstração, teste@example.com é um valor fictício digitado. O exemplo que estava dentro da caixa desaparece, mas rótulo e instrução continuam disponíveis. Assim, a pessoa consegue revisar a finalidade do campo sem apagar o que escreveu. Os endereços são demonstrativos e não devem receber mensagens de teste.

O W3C explica que o placeholder desaparece durante a digitação e não substitui o rótulo. Se uma condição é necessária para preencher ou revisar o campo, mantenha-a disponível e associada ao controle. A figura é um esquema de leitura, sem campo funcional.

Diga o que é obrigatório sem depender só de cor

Defina quais informações são necessárias nessa etapa antes de escrever “obrigatório”. Um telefone pode ser útil depois, sem precisar impedir o primeiro contato. A exigência deve acompanhar a finalidade e a capacidade de atendimento, em vez de ser copiada de outro formulário.

Uma opção de redação é indicar “obrigatório” ou “opcional” junto do nome de cada campo. Se adotar outro padrão, explique-o de forma clara antes do preenchimento e confira sua apresentação com a equipe técnica. Um asterisco sem explicação pode deixar uma dúvida; apenas mudar a cor também não explica a regra.

Rótulo: E-mail para retorno (obrigatório)
Instrução: Informe um endereço que você acompanha para receber a resposta.
Exemplo de formato, se necessário: nome@example.com
Erro de formato: Confira o formato do e-mail informado.
Conferência: rótulo e instrução continuam disponíveis após digitar.

Não duplique a mesma frase em todas as posições. Se o rótulo e a instrução já resolvem a dúvida, o campo pode dispensar um exemplo interno. Cada linha deve ajudar o visitante a tomar uma decisão de preenchimento.

Oriente a mensagem sem pedir detalhes desnecessários

Um campo chamado “Mensagem” pode receber pedidos muito diferentes. Uma instrução curta ajuda a pessoa a dizer o que precisa para que a equipe inicie a avaliação. O texto deve respeitar o momento: não peça que ela escreva um diagnóstico completo antes da primeira conversa.

Rótulo: Mensagem (obrigatório)
Instrução: Conte o que você precisa e qual dúvida deseja esclarecer. Não inclua senhas ou dados de pagamento.
Conferência: a orientação permanece disponível durante a escrita e a revisão.

Esse modelo não transforma o campo em canal adequado para qualquer informação. Adapte a instrução ao serviço e ao tratamento previsto para os dados. Se a necessidade exigir documentos ou informações específicas, defina o procedimento apropriado antes de pedir que a pessoa os coloque em um texto aberto.

Entregue a redação junto das relações que precisam funcionar

Texto próximo do campo e informação associada ao campo são aspectos diferentes. Para a implementação, indique qual é o rótulo e qual é a ajuda complementar. A equipe técnica deve manter as relações semânticas necessárias para que a informação seja reconhecida por tecnologias assistivas, além de aparecer visualmente.

O tutorial do W3C apresenta associações de rótulo e instruções, incluindo recursos como aria-describedby para a ajuda adicional. A escolha técnica depende da implementação. Aprovar a frase numa planilha não confirma que ela foi associada corretamente no formulário publicado.

No teste, preencha o campo e volte para revisá-lo. Percorra o formulário pelo teclado e observe o acesso às instruções. Para tecnologias assistivas, inclua a conferência pertinente com quem conhece a implementação. Essa revisão contribui para encontrar falhas, mas não equivale a uma avaliação completa de acessibilidade.

Guarde uma versão que outra pessoa consiga conferir

Página, formulário e versão:
Campo e finalidade na solicitação:
Rótulo aprovado:
Obrigatório ou opcional, com justificativa:
Instrução que precisa permanecer disponível:
Exemplo de formato, se necessário:
Mensagem de erro e condição correspondente:
Relação entre controle, rótulo e ajuda conferida por:
Leitura após digitar, no celular e pelo teclado:
Pendência, responsável e nova conferência:

A redação estará pronta para a próxima etapa quando o responsável pela página conseguir localizar cada texto, entender sua função e conferir a versão implementada. Depois disso, o teste do percurso verifica envio, recebimento e retorno, que dependem de outras partes da operação.

Perguntas frequentes sobre rótulos de formulário

O placeholder pode ser o único nome do campo?

Não recomendamos depender dele para identificar o campo. Ele costuma desaparecer durante a digitação e não substitui o rótulo, conforme a orientação do W3C.

Todo campo precisa de exemplo dentro da caixa?

Não. Use um exemplo quando ele esclarecer uma dúvida de formato. Se rótulo e instrução já forem suficientes, acrescentar outra linha pode apenas repetir a informação.

Uma frase visível ao lado do campo garante a associação correta?

Não. A implementação precisa relacionar rótulo e ajuda ao controle correspondente. A conferência visual deve ser acompanhada da avaliação técnica pertinente.

Uma mensagem de formato correto confirma que o e-mail receberá a resposta?

Não. Formato, existência do endereço e entrega de uma mensagem são verificações diferentes. O texto de confirmação deve respeitar o que o sistema efetivamente sabe.

Se sua página precisa aproximar a linguagem dos campos da rotina de atendimento, converse conosco sobre a revisão do formulário. Podemos ajudar a organizar finalidade, textos e critérios de conferência.