Contexto
Preencher formulários exige memória, digitação e revisão. O preenchimento automático pode reduzir esse esforço, especialmente para nomes, endereços, contatos e outros dados que a própria pessoa já informou anteriormente. Mas “preencher automaticamente” pode significar coisas diferentes: o navegador pode sugerir dados locais, o campo pode sugerir opções conforme a digitação ou o sistema pode completar campos relacionados depois de uma seleção.
Esses comportamentos não devem ocultar o que foi preenchido nem transformar uma sugestão em uma decisão irreversível. A pessoa precisa entender a origem do valor, revisar o resultado, corrigir a informação e continuar manualmente quando a sugestão estiver ausente ou errada.
Use o atributo HTML autocomplete com tokens padronizados quando o campo coleta dados da própria pessoa, como name, email, tel, street-address, postal-code, username ou cc-number. Associe o token ao propósito real do campo e mantenha um rótulo visível e claro.
Use o autopreenchimento do navegador para reduzir a digitação de dados pessoais recorrentes. Não dependa de um navegador específico e não trate a sugestão como garantia: a pessoa pode não ter dados salvos, pode estar usando outro dispositivo ou pode querer informar dados diferentes.
Use sugestões de autocomplete quando a pessoa precisa encontrar um valor em uma lista grande ou quando pequenas variações, abreviações e erros de digitação podem ser interpretados. Mostre uma lista curta e relevante, permita navegar por teclado e deixe a pessoa continuar digitando ou inserir o valor manualmente quando não houver correspondência.
Em endereços, use a busca automática como apoio, não como substituta dos campos convencionais. Depois de uma seleção, preencha os campos relacionados, mas mantenha-os visíveis para conferência e correção. Mostre também uma alternativa clara para digitar o endereço manualmente quando a sugestão estiver incompleta ou incorreta.
Quando uma escolha preencher outros campos, indique o que mudou e mantenha os valores editáveis. Não envie o formulário automaticamente, não apague informações já digitadas sem aviso e não transforme a seleção em uma ação final.
Teste o preenchimento automático com teclado, leitor de tela, zoom, celular, diferentes navegadores e perfis sem dados salvos. Verifique também os casos de endereço não encontrado, dado divergente, pessoa usando outro endereço e valor preenchido incorretamente.
Porque isso importa?
O W3C relaciona autocomplete à identificação programática do propósito dos campos e aponta benefícios para pessoas com dificuldades motoras, de memória, linguagem e funções executivas. O valor não serve apenas para acelerar a digitação: ele permite que navegadores e tecnologias assistivas reconheçam o significado do campo.
O preenchimento automático também reduz o esforço de entrada, mas não elimina a necessidade de revisão. Em pesquisas da Baymard sobre endereço, erros de digitação e endereços não encontrados continuam ocorrendo; manter os campos convencionais visíveis dá uma saída quando a sugestão falha. A mesma pesquisa recomenda interpretar variações e ordenar resultados relevantes, sem bloquear a entrada manual.
Autocomplete de busca é diferente de autofill. Na busca, a lista precisa acompanhar o texto digitado e permitir que a pessoa edite a sugestão antes de enviá-la. No autofill, o navegador ou o sistema propõe valores para um campo cujo propósito foi identificado. Misturar os dois comportamentos pode gerar uma interface difícil de anunciar, navegar e corrigir.
Quando usar?
- O campo coleta um dado conhecido e recorrente da própria pessoa.
- O propósito do campo pode ser identificado por um token padronizado.
- A redução de digitação ajuda a concluir a tarefa com menos esforço.
- Existe uma lista extensa em que sugestões relevantes ajudam a encontrar um valor.
- O resultado pode ser revisado e corrigido antes do envio.
- Há uma alternativa manual quando não existe sugestão adequada.
Quando evitar?
- O valor pode pertencer a outra pessoa e o autopreenchimento pode inserir o dado errado.
- A sugestão altera decisões importantes sem confirmação clara.
- O sistema não consegue mostrar ou corrigir todos os campos preenchidos.
- A lista de sugestões é longa, irrelevante ou cobre o campo e seus rótulos.
- O resultado depende de localização, dispositivo ou perfil que pode estar incorreto.
- O preenchimento automático apaga o que a pessoa digitou sem aviso.
- A interface impede a entrada manual quando não há correspondência.
Recomendações
Faça
- Identifique o propósito do campo.
- Mantenha o rótulo visível.
- Mostre sugestões relevantes.
- Preserve a edição manual.
- Permita revisar os valores.
- Teste falhas e variações.
Evite
- Preencher sem explicar.
- Ocultar campos relacionados.
- Forçar uma sugestão.
- Bloquear a entrada manual.
- Enviar automaticamente.
- Apagar dados sem aviso.
