---
title: Botões
type: taxonomy_archive
taxonomy: componente-de-ux
slug: botoes
term_id: 805
permalink: "https://camaraux.com.br/componente-de-ux/botoes/"
post_count: 14
description: Elementos utilizados para iniciar ações, confirmar decisões ou avançar em tarefas.
---

# Botões

Posts in this archive: 14

- [Autosave ou botão Salvar: qual usar?](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/autosave-ou-botao-salvar.md) — Autosave e botão Salvar resolvem problemas diferentes. Use o contexto, o risco e a necessidade de revisão para escolher o comportamento mais claro.
- [Carrinho de compras: como alterar quantidade e remover itens](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/carrinho-compras-alterar-quantidade-remover-itens.md) — Como permitir que clientes alterem quantidades e removam itens do carrinho com atualização imediata, feedback, desfazer e acessibilidade.
- [Como tratar ações destrutivas](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/como-tratar-acoes-destrutivas.md) — Combine risco, reversibilidade e alcance para decidir quando confirmar, desfazer ou executar uma ação destrutiva.
- [Quando usar botão flutuante](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/quando-usar-botao-flutuante.md) — Use botão flutuante apenas para uma ação primária, frequente e claramente identificável, sem cobrir conteúdo nem competir com a navegação.
- [Como evitar múltiplos cliques durante o carregamento](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/como-evitar-multiplos-cliques-durante-o-carregamento.md) — Mostre que a primeira ação foi recebida, evite reenvios durante o processamento e proteja o servidor contra efeitos duplicados.
- [Onde posicionar ações primárias e secundárias?](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/onde-posicionar-acoes-primarias-e-secundarias.md) — Posicione a ação principal onde ela seja mais percebida e mantenha as ações secundárias próximas, mas visualmente subordinadas e consistentes.
- [Botões devem ter ícone e texto?](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/botoes-devem-ter-icone-e-texto.md) — Combine ícone e texto quando a ação precisar de clareza. Use apenas ícone quando o significado for reconhecível, consistente e acessível.
- [Como escrever textos de botões](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/como-escrever-textos-de-botoes.md) — Aprenda a escrever rótulos de botões claros: use verbos, nomeie o resultado, diferencie ações e preserve a acessibilidade.
- [Ícones sem texto: quando podem ser usados](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/icones-sem-texto-quando-podem-ser-usados.md) — Ícones sem texto podem economizar espaço, mas só funcionam quando a ação é reconhecível, nomeada para tecnologias assistivas e fácil de testar. Veja quando usar e quando manter um rótulo visível.
- [Link ou botão: qual usar?](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/link-ou-botao-qual-usar.md) — Link navega para um destino; botão executa uma ação. Veja como escolher o elemento certo, preservar acessibilidade e evitar interfaces com semântica enganosa.
- [Como indicar foco de teclado](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/como-indicar-foco-de-teclado.md) — Todo controle operável por teclado precisa de um foco visível, contrastante e não encoberto. Veja como indicar esse estado em botões e links.
- [Alvos de toque: qual deve ser o tamanho mínimo](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/alvos-de-toque-tamanho-minimo.md) — Alvos de toque precisam combinar tamanho e espaçamento para evitar erros de acionamento. Entenda o mínimo da WCAG e quando projetar áreas interativas maiores.
- [Botão primário e secundário: como definir a hierarquia](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/botao-primario-e-secundario-como-definir-a-hierarquia.md) — A hierarquia entre botões primários e secundários ajuda a indicar a ação principal sem transformar toda a tela em chamada para ação. Escolha a ênfase pela prioridade da tarefa, limite o destaque e mantenha as alternativas reconhecíveis.
- [Esconder ou desabilitar uma ação indisponível?](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/quando-usar-botoes-desabilitados.md) — Esconder reduz ruído quando uma ação não faz parte do contexto. Desabilitar preserva a descoberta quando ela é importante e pode voltar a funcionar.