Melhoria no suporte a nomes fonéticos japoneses no preenchimento automático do Chrome

Yu Tsuno
Yu Tsuno
Karol Sygiet
Karol Sygiet

Publicado em 15 de abril de 2026

No Chrome, temos uma perspectiva global para entender as necessidades locais. Estamos sempre trabalhando para melhorar a localização e oferecer suporte a nuances culturais em diferentes regiões. Nossa atualização mais recente das convenções de nomenclatura japonesas no preenchimento automático do Chrome faz parte desse esforço contínuo para tornar a Web mais inclusiva e útil para usuários em todo o mundo.

Essa atualização amplia o suporte a variações de nomes fonéticos, o que permite que os usuários preencham automaticamente os campos de nome em Kanji e Furigana (scripts fonéticos em Katakana ou Hiragana). No Japão, os nomes têm uma representação visual e uma leitura fonética específica, que geralmente exige campos separados em formulários da Web. Ao ativar o suporte a essas variações fonéticas, o Chrome reduz a dificuldade de preencher formulários on-line, por exemplo, registros médicos para finalizações de compras de e-commerce, economizando tempo e esforço dos usuários.

Por que os nomes japoneses precisam de suporte dedicado

Como o mesmo Kanji japonês pode ter várias leituras fonéticas, os formulários on-line geralmente pedem que os usuários insiram o nome em Kanji e Furigana separadamente. Isso garante que os usuários possam ser tratados corretamente (por exemplo, por telefone) e que os dados possam ser classificados e gerenciados com precisão.

Um grande desafio para os desenvolvedores é que não há um valor padrão para nomes fonéticos no padrão HTML. Portanto, o navegador depende de uma combinação de indicadores para determinar se um campo pede um nome fonético.

Como o Chrome detecta campos de nomes fonéticos

O preenchimento automático do Chrome usa uma heurística com base em três indicadores principais para identificar campos de nomes fonéticos:

  • O atributo autocomplete
  • Etiquetas de campo
  • Atributos name de campo

O atributo autocomplete

O atributo autocomplete é o indicador mais forte e tem precedência. No entanto, se você usar um valor não padrão, o Chrome não vai recorrer à heurística. Como isso impede que o preenchimento automático funcione corretamente, evite atributos não padrão.

Como a especificação HTML não tem um valor de nome fonético dedicado, os desenvolvedores precisam deixar esse atributo ausente ou defini-lo como a contraparte de nome normal:

  • Nome fonético completo autocomplete="name"
  • Sobrenome fonético: autocomplete="family-name"
  • Nome fonético: autocomplete="given-name"

Etiquetas e atributos de nome

Como os valores autocomplete padrão se aplicam a nomes normais e fonéticos, o Chrome depende do texto name e <label> do campo para distinguir entre eles.

A tabela a seguir lista as strings e os caracteres válidos que o analisador do Chrome usa para identificar campos fonéticos:

Tipo de campo Nomes de campo válidos Etiquetas de campo válidas
Nome fonético completo full-name-phonetic セイメイ せいめい セイメイ せいめい
Sobrenome fonético family-name-phonetic セイ せい セイ せい 姓ふりがな
Nome fonético given-name-phonetic メイ 名ふりがな メイ めい 名ふりがな

Exemplo de prática recomendada

Para oferecer uma boa experiência, estruture seus formulários usando etiquetas claras e nomes de substituição descritivos:

<form>
  <!-- Full phonetic name -->
  <label for="phonetic-full">セイメイ</label>
  <input id="phonetic-full" name="full-name-phonetic" type="text"/>

  <!-- Family phonetic name -->
  <label for="phonetic-family">セイ</label>
  <input id="phonetic-family" name="family-name-phonetic" type="text"/>

  <!-- Given phonetic name -->
  <label for="phonetic-given">メイ</label>
  <input id="phonetic-given" name="given-name-phonetic" type="text"/>
</form>

Como o Chrome determina katakana ou hiragana

O preenchimento automático do Chrome pode transliterar e preencher automaticamente Katakana ou Hiragana com base nas necessidades do formulário.

O Chrome inspeciona a etiqueta do campo (não o nome) para decidir qual script usar:

  • Se a etiqueta contiver pelo menos um caractere Katakana, o Chrome vai preencher o campo com Katakana.
  • Caso contrário, o Chrome vai usar o Hiragana por padrão.
Identificador do campo Script de caractere preenchido
セイメイ (Katakana) Katakana
せいめい (Hiragana) Hiragana
Nome fonético completo (inglês) Hiragana
セイメイせいめい (misto) Katakana

Depurar o preenchimento automático fonético

Você pode testar como o preenchimento automático do Chrome processa nomes fonéticos japoneses usando um site de demonstração no CodePen: Ver demonstração no CodePen

Você pode verificar se o Chrome está identificando seus campos corretamente usando as Ferramentas para desenvolvedores do Chrome:

  1. Abra a página e o painel das Ferramentas para desenvolvedores.
  2. Navegue até a ferramenta Preenchimento automático (disponível no menu Mais ferramentas).
  3. Acione o preenchimento do formulário.
  4. A ferramenta precisa classificar os campos fonéticos como Nome completo alternativo, Sobrenome alternativo ou Nome alternativo.

Formulário com uma opção para inserir um nome fonético (Furigana) para um contato

Como os usuários podem configurar nomes fonéticos no Chrome

Embora esta postagem seja principalmente para desenvolvedores, entender como os usuários configuram os perfis fonéticos pode ajudar você a testar seus formulários.

  1. Abra as configurações do Chrome navegando até chrome://settings/addresses (ou chrome://settings/contactInfo em algumas versões).
  2. Selecione o menu de três pontos ao lado de um contato ou endereço e clique em Editar.
  3. Insira o nome fonético (Furigana) no campo fornecido.

Painel de preenchimento automático do Chrome DevTools mostrando campos de nome fonético classificados como &quot;Nome completo alternativo&quot;, &quot;Sobrenome alternativo&quot; ou &quot;Nome alternativo&quot;

O Chrome salva esses perfis fonéticos, o que permite que os usuários preencham formulários automaticamente sem precisar digitar novamente. Se um usuário tiver um nome fonético salvo, o Chrome vai tentar aplicá-lo sempre que detectar um campo apropriado (por exemplo, usando atributos ou heurísticas padrão).

Ajudar o Chrome a dividir nomes corretamente

O Chrome divide automaticamente os nomes completos japoneses em sobrenome e nome, mas esse processo nem sempre é simples. Embora o Chrome tenha mecanismos integrados para aprender e melhorar essas divisões ao longo do tempo, os usuários podem garantir a precisão inserindo um separador nos campos Nome ou Nome fonético nas configurações de preenchimento automático do Chrome (chrome://settings/addresses). O Chrome reconhece os seguintes caracteres como delimitadores:

  • - (hífen)
  • (ponto médio do katakana)
  • · (ponto médio)
  •   (espaço ideográfico)
  • Espaço padrão

Embora seja possível inserir nomes fonéticos em qualquer script, o Chrome mostra esses nomes em Hiragana na interface das configurações por padrão (correspondendo ao comportamento padrão do Contatos do Google).

Para os desenvolvedores, embora os delimitadores manuais ajudem o Chrome a analisar entradas de campo único, a maneira mais confiável de garantir que o Chrome processe os nomes corretamente é eliminar a ambiguidade. Sempre que possível, crie formulários com entradas separadas para sobrenome e nome (usando os atributos de preenchimento automático family-name e given-name).

Melhorar a experiência de preenchimento automático

Ao permitir o preenchimento de formulários mais rápido e preciso, o preenchimento automático cria uma jornada mais tranquila para os usuários e ajuda as organizações a reduzir o abandono de formulários. Para saber mais sobre as práticas recomendadas e como tornar seus formulários totalmente compatíveis com o preenchimento automático, consulte recursos abrangentes.