+82가 어느 나라인지

KRDS BP-014 — [전화번호] 국가 코드 입력에 국가명과 국가 코드가 명시된 목록을 콤보박스의 옵션으로 제공하고 있다.

0. 들어가며 — 국가 코드를 직접 외워야 하면

이번 580편은 국가 코드 입력에 국가명과 국가 코드가 명시된 목록을 콤보박스 옵션으로 제공하라는 규칙입니다.

국제 전화번호를 받을 때 — 국가 코드(+82, +1 등)를 사용자가 직접 외워 입력하게 하면 어렵죠. BP-014는 국가명+코드 목록에서 고르게 하라고 규정합니다. 외국인·해외 사용자 배려 규칙이죠. 이번 편을 풀어냅니다.

1. 원문 — 국가명+코드 목록 콤보박스

BP-014 (기본 패턴 > 개인 식별 정보 입력 [전화번호]) “[전화번호] 국가 코드 입력에 국가명과 국가 코드가 명시된 목록을 콤보박스의 옵션으로 제공하고 있다.”

국제 전화번호의 국가 코드를 받을 때, 국가명과 코드가 함께 표시된 목록을 콤보박스로 제공해 고르게 하라는 뜻입니다.

정리: 국가 코드를 국가명+코드 목록 콤보박스로 고르게 하라. 이게 BP-014입니다.

2. 왜 국가 코드 목록인가

국제 전화번호를 받는 서비스(외국인 대상, 해외 거주자 서비스)는 국가 코드(+82 한국, +1 미국, +81 일본 등)가 필요합니다. 그런데 이 국가 코드를 어떻게 입력받느냐가 사용성을 좌우하죠. BP-014는 국가명+코드 목록에서 고르게 하라고 합니다.

국가 코드를 직접 입력하게 할 때의 문제:

코드를 모름 사용자는 자기 나라(또는 입력할 나라)의 국가 코드를 외우지 못합니다. ‘한국이 +82인 건 알아도, 베트남은? 필리핀은?’ 모르죠. 직접 입력하라면 코드를 찾아봐야 합니다.

오류 — 코드를 — 추측하거나 잘못 외워 틀린 코드를 넣으면, 번호가 무효가 되죠.

숫자만으론 불명확 — ’+82’만 보여주면 — 그게 어느 나라인지 모릅니다. 코드만으론 국가를 못 알죠.

그래서 BP-014는 — 국가 코드를 국가명+코드 목록 콤보박스로 제공하라고 합니다:

국가명 + 코드 함께 목록 옵션에 국가명과 국가 코드를 함께 표시합니다. ‘대한민국 (+82)’, ‘United States (+1)’, ’Việt Nam (+84)’처럼요. 사용자가 자기 나라를 국가명으로 찾아 고르면, 코드는 자동으로 들어가죠. 코드를 외울 필요가 없습니다.

콤보박스(검색형) 국가는 200개가 넘어, 단순 셀렉트(스크롤만)는 찾기 힘듭니다. 그래서 콤보박스 (타이핑하면 후보가 좁혀지는 검색형, 셀렉트 20개 초과 CP-298 정신)로 제공하죠. ‘한국’·‘Korea’·’82’를 치면 해당 국가가 좁혀져 빠르게 고릅니다.

자국어·영어 검색 — 국가명을 — 자국어(한국어)와 영어 모두로 검색 가능하게 하면, 외국인도 자기 언어로 찾죠 (언어 변경 endonym 정신, CP-421).

왜 이게 중요한가. 공공 서비스가 외국인·해외 거주자를 대상으로 하면, 국제 전화번호 입력이 필요합니다. 이때 국가 코드를 직접 외워 넣으라면, 외국인 사용자(정작 도움이 필요한)가 어려움을 겪죠. 국가명으로 골라 코드가 자동 입력되면 누구나 쉽게 자기 번호를 넣습니다.

기본 국가 설정. 보통 한국 서비스면 기본 국가를 ’대한민국 (+82)’으로 두되, 사용자가 바꿀 수 있게 합니다. 다만 성별 기본값(BP-009)과 달리, 국가 코드는 대다수가 한국이면 기본값이 편의를 줄 수 있죠(편의 기본값과 강제 기본값 구별).

이 규칙은 개인 식별 정보 입력의 ’국제 번호 편의’를 담당합니다 — 국가명+코드 목록 콤보박스로(014), 사용자가 코드를 외우지 않고 국가명으로 골라 국제 번호를 쉽게 넣게 하죠. 외국인 포용입니다.

정리하면 — 국가 코드를 직접 입력하게 하면 코드를 모르는 사용자가 어려우므로, 국가명과 코드가 함께 표시된 목록을 콤보박스(검색형)로 제공해 국가명으로 골라 코드가 자동 입력되게 해야 합니다.

3. 점검 / 개선

무엇을 점검하나

국가명+코드 목록 — 국가 코드를 국가명+코드 목록에서 고르는가(직접 입력 아님).

콤보박스 — 검색형 콤보박스로 빠르게 찾는가(200+ 국가).

자국어·영어 검색 — 국가명을 한국어·영어로 검색할 수 있는가.

개선 방향

국가 코드를 ‘국가명 (+코드)’ 목록 콤보박스로. 직접 코드 입력 제거.

검색형(타이핑 후보 좁힘). 한국어·영어 국가명 검색. 기본 국가 설정(편의).

4. 누가 담당하나 / 우리 사이트에 해당될까?

역할	책임
퍼블리셔/개발	국가 코드 콤보박스 구현
콘텐츠	국가명·코드 목록

기관 유형	BP-014 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 조건부 (국제 전화번호 입력 시)

외국인·해외 사용자 국제 번호를 받는 사이트에 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 국가 코드를 국가명+코드 목록에서 고르나요(직접 입력 아님)?

□ 검색형 콤보박스로 빠르게 찾나요(200+ 국가)?

□ 국가명을 한국어·영어로 검색할 수 있나요?

❓ FAQ

Q1. 국가 코드를 직접 입력하면 안 되나요? 사용자가 코드를 외우지 못합니다(베트남은? 필리핀은?). 국가명으로 골라 코드가 자동 입력되게 하죠. Q2. 셀렉트로 하면 안 되나요? 국가가 200개 넘어 셀렉트 스크롤은 힘듭니다. 검색형 콤보박스(CP-298)로 타이핑해 좁히죠. Q3. 기본 국가를 설정하나요? 한국 서비스면 ‘대한민국 (+82)’ 기본이 편의를 줍니다. 단 바꿀 수 있게요. 강제 기본값(성별 BP-009)과 다른 편의 기본값이죠.

6. 마무리

BP-014의 메시지:

+82가 어느 나라인지 — 국가명+코드 목록 콤보박스로 국가 코드를 고르게 하라.

국가 코드를 직접 입력하게 하면 코드를 모르는 사용자가 어렵습니다. 국가명+코드 목록 콤보박스로 국가명으로 골라 코드가 자동 입력되게 하는 게 핵심이죠. 다음 편은 여러 전화번호 처리입니다.

다음 편 예고 ▶ 「581. (BP-015) [전화번호] 여러 개의 전화번호 입력 요청 시, 주로 사용하는 번호 지정 옵션과 구분 레이블을 제공하고 있다.」

ViewCheck는 국가 코드가 국가명+코드 목록으로 제공되는지를 진단합니다.

📚 참고 출처

KRDS 기본 패턴 — 개인 식별 정보 입력 가이드 — https://www.krds.go.kr/html/site/pattern/pattern_01.html

KRDS #ViewCheck #공공웹사이트 #전자정부 #디지털정부 #웹접근성 #디자인시스템 #UIUX #UI컴포넌트 #웹표준

KRDS,ViewCheck,공공웹사이트,전자정부,디지털정부,웹접근성,디자인시스템,UIUX,UI컴포넌트,웹표준