Esclareça ações e respostas após a ativação.
Progresso da revisão
Compare as informações e a apresentação no contexto de uso.
Experimente a operação, altere o status e continue trabalhando.
O progresso é salvo automaticamente neste navegador.
ORIENTAÇÕES
Pressione o botão quando a rede estiver lenta e pressione novamente. Responda ao status do processamento com antecedência suficiente, evite envios duplicados e use um rótulo que indique o resultado da ação em vez de uma palavra genérica.
EXEMPLOS
O botão “Salvar alterações” muda para “Salvar…” durante o processamento; Quando concluído, exiba a confirmação e permita que a edição continue.
Usar uma escala clara de tamanhos para formulários, barras de ferramentas e ações no celular.
Testar rótulos longos e texto ampliado: manter a área de toque sem ultrapassar o layout.
Exemplo Confirmar pedido é largo no celular; o filtro é compacto na barra de ferramentas.
Os estados padrão, passagem do ponteiro, foco, desativado e carregando precisam de sinais próprios além da cor.
Enviar e clicar novamente durante a espera: a tarefa não deve se repetir e o foco continua visível.
Exemplo O botão mostra Salvando… enquanto a solicitação está sendo processada.
Ícones complementam o rótulo; botões só com ícone precisam de nome acessível e, quando necessário, uma dica.
Ler o nome do botão com leitor de tela e testar com quem não conhece o símbolo.
Exemplo O botão da lixeira tem aria-label Excluir rascunho, não apenas Excluir.
Distinguir ações principais, secundárias e destrutivas com um sistema consistente.
Colocar duas ações lado a lado: deve ficar clara a principal e a consequência de excluir.
Exemplo Salvar alterações usa o botão principal; Cancelar recebe menor destaque.
