게시일: 2026년 4월 15일
Chrome은 전 세계적인 관점에서 현지 요구사항을 파악합니다. Google은 다양한 지역에서 현지화를 개선하고 문화적 뉘앙스를 지원하기 위해 끊임없이 노력하고 있습니다. Chrome 자동 완성의 일본어 이름 지정 규칙에 대한 최신 업데이트는 전 세계 사용자를 위해 웹을 더욱 포용적이고 유용하게 만들려는 지속적인 노력의 일환입니다.
이 업데이트는 사용자가 한자 및 후리가나 (가타카나 또는 히라가나의 음성 스크립트) 이름 필드를 모두 자동으로 채울 수 있도록 음성 이름 변형 지원을 확장합니다. 일본에서는 이름에 시각적 표현과 특정 음성 읽기가 모두 있으며, 웹 양식에서 별도의 필드가 필요한 경우가 많습니다. Chrome은 이러한 음성 변형 지원을 사용 설정하여 의료 등록에서 전자상거래 결제에 이르기까지 온라인 양식 작성의 마찰을 줄여 사용자의 시간과 노력을 절약합니다.
일본어 이름에 전용 지원이 필요한 이유
동일한 일본어 한자에 여러 음성 읽기가 있을 수 있으므로 온라인 양식에서는 일반적으로 사용자에게 한자와 후리가나로 이름을 별도로 입력하도록 요청합니다. 이렇게 하면 사용자에게 올바르게 주소를 지정하고 (예: 전화로) 데이터를 정확하게 정렬하고 관리할 수 있습니다.
개발자의 주요 과제는 HTML 표준에 음성 이름의 표준 값이 없다는 것 입니다. 따라서 브라우저는 여러 신호의 조합을 사용하여 필드에서 음성 이름을 요청하는지 확인합니다.
Chrome에서 음성 이름 필드를 감지하는 방법
Chrome 자동 완성은 세 가지 기본 신호를 기반으로 하는 휴리스틱을 사용하여 음성 이름 필드를 식별합니다.
autocomplete속성- 필드 라벨
- 필드
name속성
autocomplete 속성
autocomplete 속성은 가장 강력한 신호이며 우선순위를 갖습니다.
그러나 비표준 값을 사용하는 경우 Chrome은 휴리스틱으로 대체되지 않습니다. 이렇게 하면 자동 완성이 올바르게 작동하지 않으므로 비표준 자동 완성 속성을 피하세요.
HTML 사양에 전용 음성 이름 값이 없으므로 개발자는 이 속성을 누락 시키거나 일반 이름 대응 항목으로 설정해야 합니다.
- 음성 전체 이름:
autocomplete="name" - 음성 성:
autocomplete="family-name" - 음성 이름:
autocomplete="given-name"
라벨 및 이름 속성
표준 autocomplete 값은 일반 이름과 음성
이름 모두에 적용되므로 Chrome은 필드의 name 및 <label> 텍스트를 사용하여 두 이름을 구분합니다.
다음 표에는 Chrome 파서가 음성 필드를 식별하는 데 사용하는 유효한 문자열과 문자가 나와 있습니다.
| 입력란 유형 | 유효한 필드 이름 | 유효한 필드 라벨 |
|---|---|---|
| 음성 전체 이름 | full-name-phonetic セイメイ せいめい |
セイメイ せいめい |
| 음성 성 | family-name-phonetic セイ せい |
セイ せい 姓ふりがな |
| 음성 이름 | given-name-phonetic メイ 名ふりがな |
メイ めい 名ふりがな |
권장사항 예시
좋은 환경을 제공하려면 명확한 라벨과 설명적인 대체 이름을 사용하여 양식을 구성하세요.
<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>
Chrome에서 가타카나 또는 히라가나를 결정하는 방법
Chrome 자동 완성은 양식의 요구사항에 따라 가타카나 또는 히라가나를 자동으로 음역하고 채울 수 있습니다.
Chrome은 사용할 스크립트를 결정하기 위해 필드의 라벨 (이름이 아님)을 검사합니다.
- 라벨에 가타카나 문자가 하나 이상 포함되어 있으면 Chrome에서 필드를 가타카나로 채웁니다.
- 그렇지 않으면 Chrome에서 기본적으로 히라가나를 사용합니다.
| 필드 라벨 | 채워진 문자 스크립트 |
|---|---|
| セイメイ (가타카나) | 가타카나 |
| せいめい (히라가나) | 히라가나 |
| 음성 전체 이름 (영어) | 히라가나 |
| セイメイせいめい (혼합) | 가타카나 |
음성 자동 완성 디버그
CodePen의 데모 사이트를 사용하여 Chrome 자동 완성이 일본어 음성 이름을 처리하는 방식을 테스트할 수 있습니다. CodePen에서 데모 보기
Chrome 개발자 도구를 사용하여 Chrome에서 필드를 올바르게 식별하는지 확인할 수 있습니다.
- 페이지를 열고 개발자 도구 패널을 엽니다.
- 더보기 메뉴에서 사용할 수 있는 자동 완성 도구로 이동합니다.
- 양식 채우기를 트리거합니다.
- 이 도구는 음성 필드를 대체 전체 이름, 대체 성 또는 대체 이름으로 분류해야 합니다.
사용자가 Chrome에서 음성 이름을 설정하는 방법
이 게시물은 주로 개발자를 위한 것이지만 사용자가 음성 프로필을 설정하는 방법을 이해하면 양식을 테스트하는 데 도움이 될 수 있습니다.
chrome://settings/addresses(또는 일부 버전의chrome://settings/contactInfo)로 이동하여 Chrome 설정을 엽니다.- 연락처 또는 주소 옆에 있는 점 3개 메뉴 를 선택하고 수정 을 클릭합니다.
- 제공된 필드에 음성 이름 (후리가나)을 입력합니다.
Chrome은 이러한 음성 프로필을 저장하므로 사용자는 다시 입력하지 않고도 양식을 자동 완성할 수 있습니다. 사용자가 음성 이름을 저장한 경우 Chrome은 적절한 필드를 감지할 때마다 (예: 표준 속성 또는 휴리스틱 사용) 이를 적용하려고 시도합니다.
Chrome에서 이름을 올바르게 분할하도록 지원
Chrome은 일본어 전체 이름을 성과 이름으로 자동 분할하지만 이 프로세스가 항상 간단하지는 않습니다. Chrome에는 시간이 지남에 따라 이러한 분할을 학습하고 개선하는 기본 제공 메커니즘이 있지만 사용자는 Chrome 자동 완성 설정 (chrome://settings/addresses)의 이름 또는 음성 이름 필드 내에 구분 기호를 입력하여 정확성을 수동으로 확인할 수 있습니다. Chrome은 다음 문자를 구분 기호로 인식합니다.
-(하이픈)・(가타카나 가운뎃점)·(가운뎃점)-
(표의문자 공백) - 표준 공백
두 스크립트 중 하나로 음성 이름을 입력할 수 있지만 Chrome은 기본적으로 설정 UI에서 히라가나로 표시합니다 (표준 Google 주소록 동작과 일치).
개발자의 경우 수동 구분 기호는 Chrome에서 단일 필드 입력을 파싱하는 데 도움이 되지만 Chrome에서 이름을 올바르게 처리하도록 하는 가장 안정적인 방법은 모호성을 없애는 것입니다. 가능하면 성과 이름에 별도의 입력이 있는 양식을 디자인합니다 (family-name 및 given-name 자동 완성 속성 사용).
자동 완성 환경 개선
자동 완성은 더 빠르고 정확한 양식 작성을 지원하여 사용자에게 더 원활한 여정을 제공하고 조직에서 양식 포기를 줄이는 데 도움이 됩니다. 권장사항 및 양식을 완전히 자동 완성 친화적으로 만드는 방법을 자세히 알아보려면 포괄적인 리소스를살펴보세요.