Explore o conteúdo

O que você procura?

Pesquise por assunto, palavra ou título.

Habilidades

Texto de botão: diga qual ação acontece ao selecionar o controle

O texto de um botão deve ajudar a prever o que acontece quando ele é selecionado. Uma palavra genérica pode funcionar em um contexto e gerar dúvida em outro. Comece pela ação real do.

Equipe Learn Design3 min de leitura
Neste artigo
  1. Descreva a ação de forma concreta
  2. Relacione o controle ao conteúdo
  3. Confira estados e implementação
  4. Continue a leitura
  5. Referências para consulta

Capa ilustrativa gerada por IA; não retrata clientes, parceiros ou atividades reais deste site.

O texto de um botão deve ajudar a prever o que acontece quando ele é selecionado. Uma palavra genérica pode funcionar em um contexto e gerar dúvida em outro. Comece pela ação real do controle e pela informação que a pessoa precisa ter antes de executá-la, preservando coerência entre rótulo, comportamento e resultado.

Descreva a ação de forma concreta

Em um exercício fictício, uma página permite salvar uma seleção de atividades para revisar depois. Um botão chamado continuar pode esconder se a pessoa está apenas avançando ou enviando uma solicitação. Compare uma formulação que descreva o próximo passo e examine se ela corresponde ao comportamento planejado.

A documentação de botões do USWDS recomenda rótulos curtos com palavras de ação que expliquem o que ocorrerá. Use essa orientação como referência de estudo, adaptando a linguagem ao contexto e ao público. Uma frase curta ainda precisa oferecer informação suficiente para a decisão.

Relacione o controle ao conteúdo

Veja as condições próximas ao botão. Se há uma regra importante para a ação, ela deve permanecer acessível antes da seleção. Aumentar destaque visual não resolve uma dúvida sobre o significado do envio ou sobre o resultado esperado da tarefa.

Quando existirem várias ações, deixe suas diferenças compreensíveis. Salvar um rascunho e enviar uma solicitação têm consequências distintas. A apresentação deve apoiar a escolha correta, sem depender apenas de uma cor que o público pode não distinguir da mesma maneira.

Confira estados e implementação

Observe foco, disponibilidade e resultado conforme os recursos utilizados. Na interface digital, botões e links têm funções e comportamentos próprios. Consulte a documentação e os critérios aplicáveis para escolher a estrutura adequada, em vez de transformar qualquer elemento visual em controle apenas por aparência.

Teste a tarefa no recorte autorizado e registre dúvidas observadas. Um protótipo pode ajudar a comparar rótulos e organização, mas a implementação precisa de conferência própria. Uma tela estática não demonstra que o controle responderá corretamente a todas as formas de interação.

Ao finalizar, compare a ação prometida pelo texto com o resultado efetivo. Se houve mudança de fluxo, reveja também o rótulo e a confirmação. O botão comunica melhor quando permite reconhecer o próximo passo e mantém uma relação fiel com o que a pessoa encontrará depois de selecioná-lo.

Continue a leitura

Referências para consulta

Revisado em 3 de novembro de 2026. O Learn Design é um blog editorial independente de aprendizagem de design, sem vínculo com antigos autores ou cursos associados ao domínio. Exercícios são propostas de estudo e não relatos de pesquisa executada pelo site. Verificações introdutórias não equivalem a uma auditoria completa de acessibilidade; consulte critérios e documentação vigentes. Capas são ilustrações geradas por IA, sem retratar alunos, clientes ou resultados reais.

Compartilhe conhecimento

Este conteúdo foi útil para você?

Envie para alguém que também pode aproveitar.

Conteúdo recomendado

Continue explorando