무슨 번호인지 분명하게

KRDS BP-012 — [전화번호] 전화번호 입력 필드에 명확한 레이블을 제공하고 있다.

0. 들어가며 — ’전화번호’만으론 부족하다

이번 578편은 전화번호 입력 필드에 명확한 레이블을 제공하라는 규칙입니다.

전화번호 필드에 — 단순히 ’전화번호’라고만 하면, 무슨 번호(휴대폰? 집전화?)를 어떤 용도로 받는지 모르죠. BP-012는 명확한 레이블을 규정합니다. BP-011(용도에 맞는 유형)을 레이블로 전달하는 규칙이자, 텍스트 입력 레이블(CP-405)의 전화번호 적용이죠. 이번 편을 풀어냅니다.

1. 원문 — 명확한 레이블 제공

BP-012 (기본 패턴 > 개인 식별 정보 입력 [전화번호]) “[전화번호] 전화번호 입력 필드에 명확한 레이블을 제공하고 있다.”

전화번호 입력 필드에, 무슨 번호를 어떤 용도로 받는지 명확한 레이블을 제공하라는 뜻입니다.

정리: 전화번호 필드에 명확한 레이블을 제공하라. 이게 BP-012입니다.

2. 왜 명확한 레이블인가

전화번호 필드의 레이블이 단순히 ’전화번호’면, 여러 정보가 빠져 있습니다. BP-011에서 본 것처럼 전화번호는 유형(휴대폰·집전화)·용도(문자·음성·연락)가 다양한데, 레이블이 모호하면 사용자가 무슨 번호를 줘야 할지 모르죠. BP-012는 명확한 레이블을 요구합니다.

모호한 레이블의 문제:

무슨 번호인지 모름 ’전화번호’만 있으면 휴대폰인지, 집전화인지, 사무실인지 사용자가 헷갈립니다. 문자 인증용이면 휴대폰을 줘야 하는데(BP-011) 레이블이 모호하면 집전화를 줄 수 있죠.

여러 번호 혼동 — 한 폼에 — 여러 전화번호 필드(휴대폰 + 비상 연락처)가 있으면, 각각 무슨 번호인지 레이블로 구별돼야 합니다. 안 그러면 엉뚱한 번호를 적죠.

용도 불명 — 그 번호를 어디에 쓰는지(BP-002 용도 설명)도 레이블·안내로 알려야 합니다.

그래서 BP-012는 — 전화번호 필드에 명확한 레이블을 제공하라고 합니다:

유형 명시 — 무슨 번호인지 레이블에 명시합니다. ‘휴대폰 번호’, ‘집 전화번호’, ‘비상 연락처’처럼요. 모호한 ’전화번호’ 대신 구체적으로(BP-011의 유형 요청을 레이블로 전달).

용도 병행 — 필요시 — 그 번호의 용도도 함께. ’휴대폰 번호(인증 문자 발송용)’처럼요(BP-002 용도 설명).

여러 번호 구별 — 여러 전화번호 필드를 — 레이블로 명확히 구별(‘주 연락처’, ‘보조 연락처’, BP-015).

프로그래밍 연결 — 레이블을 — <label for>로 입력 필드와 연결해 스크린 리더도 읽게 합니다(CP-405).

레이블의 효과:

올바른 번호 입력 — 무슨 번호인지 명확하면 — 사용자가 맞는 번호를 줍니다(인증 실패 방지).

혼동 방지 — 여러 번호도 — 레이블로 구별돼 헷갈리지 않죠.

접근성 — 스크린 리더 사용자도 — 무슨 번호 필드인지 압니다.

모든 폼 컨트롤의 레이블 원칙. 이는 — 텍스트 입력 레이블(CP-400·405), 셀렉트 레이블(CP-300) 등 모든 폼 컨트롤 레이블 원칙을 전화번호에 적용한 것입니다. 전화번호가 — 개인 식별 정보 폼에서 흔하고 유형이 다양해 별도로 강조한 것이죠.

이 규칙은 개인 식별 정보 입력의 ’전화번호 명료성’을 담당합니다 — 명확한 레이블로(012), 사용자가 무슨 번호를 어떤 용도로 주는지 알게 하죠. BP-011(용도 유형)과 함께 — 올바른 전화번호 입력을 보장합니다.

정리하면 — 전화번호 필드 레이블이 모호하면 무슨 번호를 줄지 몰라 인증 실패·혼동이 생기므로, 유형·용도를 담은 명확한 레이블을 제공하고 입력 필드와 연결해야 합니다.

3. 점검 / 개선

무엇을 점검하나

유형 명시 — 레이블이 무슨 번호(휴대폰·집전화)인지 명시하는가.

여러 번호 구별 — 여러 전화번호 필드가 레이블로 구별되는가.

연결 — 레이블이 입력 필드와 프로그래밍적으로 연결됐는가(CP-405).

개선 방향

모호한 ‘전화번호’ 대신 ‘휴대폰 번호’ 등 구체 레이블. 용도 병행(BP-002).

여러 번호 레이블 구별(BP-015). <label for> 연결.

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

역할	책임
콘텐츠/UX	전화번호 레이블 작성
퍼블리셔/개발	레이블 연결 구현

기관 유형	BP-012 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (전화번호 입력 시)

전화번호를 입력받는 모든 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 레이블이 무슨 번호(휴대폰·집전화)인지 명시하나요?

□ 여러 전화번호 필드가 레이블로 구별되나요?

□ 레이블이 입력 필드와 프로그래밍적으로 연결됐나요?

❓ FAQ

Q1. ’전화번호’라고만 쓰면 안 되나요? 무슨 번호인지 모호합니다. ’휴대폰 번호’처럼 유형을 명시해야 사용자가 맞는 번호를 주죠. Q2. 용도도 레이블에 넣나요? 필요시요. ’휴대폰 번호(인증 문자용)’처럼 용도를 병행하면 더 명확합니다(BP-002). Q3. BP-011과 뭐가 다른가요? BP-011은 용도에 맞는 유형을 요청, BP-012는 그걸 명확한 레이블로 전달입니다. 함께 가죠.

6. 마무리

BP-012의 메시지:

무슨 번호인지 분명하게 — 전화번호 필드에 명확한 레이블을 제공하라.

레이블이 모호하면 무슨 번호를 줄지 몰라 인증 실패·혼동이 생깁니다. 유형·용도를 담은 명확한 레이블로 올바른 입력을 돕는 게 핵심이죠. 다음 편은 전화번호 형식 유연성입니다.

다음 편 예고 ▶ 「579. (BP-013) [전화번호] 여러 가지 입력 형식에 유연한 입력 필드를 제공하고 있다.」

ViewCheck는 전화번호 필드에 명확한 레이블이 제공되는지를 진단합니다.

📚 참고 출처

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

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

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