Miglioramento del supporto dei nomi fonetici giapponesi nella compilazione automatica di Chrome

Yu Tsuno
Yu Tsuno
Karol Sygiet
Karol Sygiet

Data di pubblicazione: 15 aprile 2026

In Chrome, adottiamo una prospettiva globale per comprendere le esigenze locali. Ci impegniamo costantemente per migliorare la localizzazione e supportare le sfumature culturali nelle diverse regioni. Il nostro ultimo aggiornamento alle convenzioni di denominazione giapponesi nella compilazione automatica di Chrome fa parte di questo impegno continuo per rendere il web più inclusivo e utile per gli utenti di tutto il mondo.

Questo aggiornamento amplia il supporto per le varianti fonetiche dei nomi, consentendo agli utenti di compilare automaticamente i campi del nome in kanji e furigana (caratteri fonetici in katakana o hiragana). In Giappone, i nomi hanno sia una rappresentazione visiva sia una lettura fonetica specifica, che spesso richiede campi separati nei moduli web. Se attivi il supporto di queste varianti fonetiche, Chrome riduce le difficoltà di compilazione dei moduli online, ad esempio le registrazioni mediche per i pagamenti e-commerce, consentendo agli utenti di risparmiare tempo e fatica.

Perché i nomi giapponesi richiedono un supporto dedicato

Poiché lo stesso kanji giapponese può avere più letture fonetiche, i moduli online in genere chiedono agli utenti di inserire il proprio nome in kanji e furigana separatamente. In questo modo, gli utenti possono essere contattati correttamente (ad esempio, per telefono) e i dati possono essere ordinati e gestiti con precisione.

Una delle principali sfide per gli sviluppatori è che non esiste un valore standard per i nomi fonetici nello standard HTML. Pertanto, il browser si basa su una combinazione di segnali per determinare se un campo richiede un nome fonetico.

Come Chrome rileva i campi dei nomi fonetici

La compilazione automatica di Chrome utilizza un'euristica basata su tre indicatori principali per identificare i campi del nome fonetico:

  • Attributo autocomplete
  • Etichette dei campi
  • Attributi del campo name

Attributo autocomplete

L'attributo autocomplete è il segnale più forte e ha la precedenza. Tuttavia, se utilizzi un valore non standard, Chrome non esegue il fallback all'euristica. Poiché ciò impedisce il corretto funzionamento della compilazione automatica, evita attributi di compilazione automatica non standard.

Poiché la specifica HTML non prevede un valore di nome fonetico dedicato, gli sviluppatori devono lasciare questo attributo mancante o impostarlo sul suo nome normale corrispondente:

  • Nome e cognome fonetici: autocomplete="name"
  • Cognome fonetico: autocomplete="family-name"
  • Nome fonetico: autocomplete="given-name"

Attributi etichette e nome

Poiché i valori standard di autocomplete si applicano sia ai nomi regolari sia a quelli fonetici, Chrome si basa sul testo name e <label> del campo per distinguerli.

La tabella seguente elenca le stringhe e i caratteri validi che il parser di Chrome utilizza per identificare i campi fonetici:

Tipo di campo Nomi dei campi validi Etichette campo valide
Nome completo fonetico full-name-phonetic セイメイ せいめい セイメイ せいめい
Cognome fonetico family-name-phonetic セイ せい セイ せい 姓ふりがな
Nome fonetico given-name-phonetic メイ 名ふりがな メイ めい 名ふりがな

Esempio di best practice

Per offrire una buona esperienza, struttura i moduli utilizzando etichette chiare e nomi di riserva descrittivi:

<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>

In che modo Chrome determina il katakana o l'hiragana

La compilazione automatica di Chrome può traslitterare e compilare automaticamente i caratteri Katakana o Hiragana in base alle esigenze del modulo.

Chrome esamina l'etichetta del campo (non il nome) per decidere quale script utilizzare:

  • Se l'etichetta contiene almeno un carattere Katakana, Chrome compila il campo con Katakana.
  • In caso contrario, Chrome utilizza l'hiragana per impostazione predefinita.
Etichetta campo Script per il personaggio compilato
セイメイ (Katakana) Katakana
せいめい (hiragana) Hiragana
Nome completo fonetico (inglese) Hiragana
セイメイせいめい (misto) Katakana

Eseguire il debug della compilazione automatica fonetica

Puoi testare il modo in cui la compilazione automatica di Chrome gestisce i nomi fonetici giapponesi utilizzando un sito demo in CodePen: Visualizza la demo su CodePen

Puoi verificare se Chrome identifica correttamente i tuoi campi utilizzando Chrome DevTools:

  1. Apri la pagina e il riquadro DevTools.
  2. Vai allo strumento Compilazione automatica (disponibile nel menu Altri strumenti).
  3. Attiva la compilazione del modulo.
  4. Lo strumento deve classificare i campi fonetici come Nome completo alternativo, Cognome alternativo o Nome alternativo.

Modulo con un&#39;opzione per inserire un nome fonetico (Furigana) per un contatto

Come gli utenti possono configurare i nomi fonetici in Chrome

Anche se questo post è rivolto principalmente agli sviluppatori, capire come gli utenti configurano i propri profili fonetici può aiutarti a testare i tuoi moduli.

  1. Apri le impostazioni di Chrome andando su chrome://settings/addresses (o chrome://settings/contactInfo in alcune versioni).
  2. Seleziona il menu con tre puntini accanto a un contatto o a un indirizzo e fai clic su Modifica.
  3. Inserisci il nome fonetico (Furigana) nel campo fornito.

Il pannello Compilazione automatica di Chrome DevTools mostra i campi del nome fonetico classificati come Nome completo alternativo, Cognome alternativo o Nome alternativo

Chrome salva questi profili fonetici, consentendo agli utenti di compilare automaticamente i moduli senza dover digitare nuovamente. Se un utente ha salvato un nome fonetico, Chrome tenta di applicarlo ogni volta che rileva un campo appropriato (ad esempio, utilizzando attributi standard o euristiche).

Aiutare Chrome a dividere correttamente i nomi

Chrome divide automaticamente i nomi completi giapponesi in cognome e nome, ma questa procedura non è sempre semplice. Sebbene Chrome disponga di meccanismi integrati per apprendere e migliorare queste divisioni nel tempo, gli utenti possono garantire manualmente l'accuratezza inserendo un separatore nei campi Nome o Nome fonetico nelle impostazioni di compilazione automatica di Chrome (chrome://settings/addresses). Chrome riconosce i seguenti caratteri come delimitatori:

  • - (trattino)
  • (punto mediano katakana)
  • · (punto mediano)
  •   (spazio ideografico)
  • Spazio standard

Anche se puoi inserire nomi fonetici in entrambi i sistemi di scrittura, Chrome li visualizza in Hiragana nell'interfaccia utente delle impostazioni (in linea con il comportamento standard di Google Contatti).

Per gli sviluppatori, mentre i delimitatori manuali aiutano Chrome ad analizzare gli input a campo singolo, il modo più affidabile per garantire che Chrome gestisca correttamente i nomi è eliminare l'ambiguità. Se possibile, progetta i moduli con input separati per cognome e nome (utilizzando gli attributi di completamento automatico family-name e given-name).

Migliorare l'esperienza di compilazione automatica

Consentendo una compilazione dei moduli più rapida e accurata, la compilazione automatica crea un percorso più fluido per gli utenti e aiuta le organizzazioni a ridurre l'abbandono dei moduli. Per saperne di più sulle best practice e su come rendere i tuoi moduli completamente compatibili con la compilazione automatica, esplora risorse complete.