무슨 날짜를 적는지

KRDS CP-385 — 입력 필드에 레이블을 제공하고 어떤 날짜를 입력해야 하는지 명확하게 설명하고 있다.

0. 들어가며 — 이 날짜가 무슨 날짜인지

이번 505편부터 날짜 입력 필드(Date input) 그룹입니다(8개). 첫 규칙은 입력 필드에 레이블을 제공하고 어떤 날짜를 입력해야 하는지 명확하게 설명하라는 규칙입니다.

날짜 입력 필드는 — ‘시작일’, ‘생년월일’, ‘예약일’ 등 무슨 날짜를 적는 건지 레이블로 분명히 알려야 하죠. 레이블이 모호하면 사용자가 엉뚱한 날짜를 적습니다. CP-385는 날짜 필드의 레이블과 설명을 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 레이블 + 어떤 날짜인지 설명

CP-385 (컴포넌트 > 날짜 입력 필드) “입력 필드에 레이블을 제공하고 어떤 날짜를 입력해야 하는지 명확하게 설명하고 있다.”

날짜 입력 필드에 레이블을 두고, 그것이 어떤 날짜(시작일·종료일·생년월일 등)를 입력하는 것인지 명확히 설명하라는 뜻입니다.

정리: 날짜 필드에 레이블을 주고 무슨 날짜인지 명확히 설명하라. 이게 CP-385입니다.

2. 왜 레이블·설명인가

날짜 입력 필드는 — 다양한 날짜를 받습니다: 생년월일, 신청 시작일·종료일, 예약일, 만료일 등. 사용자가 — 올바른 날짜를 적으려면, 그 필드가 어떤 날짜를 입력하는 건지 분명히 알아야 하죠. 그걸 알려주는 게 레이블과 설명 입니다.

레이블·설명이 부족할 때:

무슨 날짜인지 모름 — 날짜 필드만 덩그러니 있고 레이블이 없거나 모호하면(예: ‘날짜’) — 사용자는 무슨 날짜를 적어야 하는지 모릅니다. 생년월일인지, 신청일인지, 오늘 날짜인지 헷갈리죠.

여러 날짜 필드 혼동 — 한 폼에 날짜 필드가 여럿이면(시작일·종료일) — 각각 무슨 날짜인지 분명히 구별돼야 합니다. 안 그러면 시작일에 종료일을 적는 식의 오류가 생기죠.

맥락 부족 — ‘어떤 날짜’인지에 더해 — 어떤 기준의 날짜인지(예: ’계약 시작일’, ‘서비스 이용 가능일’) 맥락이 필요할 수 있습니다.

그래서 CP-385는 — 날짜 필드에 명확한 레이블 + 설명을 제공하라고 합니다:

명확한 레이블 — 각 날짜 필드에 — 무슨 날짜인지 분명한 레이블을 둡니다. ‘생년월일’, ‘신청 시작일’, ‘예약일’ 처럼요. 모호한 ‘날짜’ 대신 구체적으로.

어떤 날짜인지 설명 — 필요하면 — 그 날짜의 의미·기준을 추가로 설명합니다. ‘서비스를 시작할 날짜를 선택하세요’ 같은 안내로, 사용자가 무엇을 입력하는지 정확히 알게요.

여러 필드 구별 — 시작일·종료일 같은 쌍은 — 레이블로 명확히 구별(‘이용 시작일’, ‘이용 종료일’).

레이블 연결(접근성). 시각적 레이블에 더해 — <label for>로 날짜 필드와 프로그래밍적 연결을 해야 스크린 리더 사용자도 무슨 날짜인지 압니다(CP-391의 명확한 레이블 지정과 연계). 시각 레이블(385) + 코드 연결(391)이 함께 가죠.

입력 형식 안내는 별도(CP-386·392). ‘무슨 날짜인가’(385)와 ‘어떤 형식으로 적는가’(YYYY-MM-DD 등, CP-386·392)는 다릅니다. CP-385는 — 날짜의 의미·정체(레이블)를 다루고, 형식 안내는 CP-386/392에서요. 둘이 함께 — 사용자가 ‘무슨 날짜를 어떤 형식으로’ 적는지 알게 합니다.

이 규칙은 날짜 입력의 ’정체성 제공’을 담당합니다 — 날짜 필드가 무슨 날짜인지 레이블·설명으로 명확히 해(385), 사용자가 올바른 날짜를 입력하게 하죠. 이후 날짜 입력 규칙들(형식 안내·원본 일치·범위·자동완성·키보드·레이블·형식 안내)이 이 위에 쌓입니다.

정리하면 — 날짜 필드가 무슨 날짜인지 불분명하면 사용자가 엉뚱한 날짜를 적으므로, 명확한 레이블과 어떤 날짜인지 설명을 제공해 사용자가 올바른 날짜를 입력하게 해야 합니다.

3. 점검 / 개선

무엇을 점검하나

명확한 레이블 — 각 날짜 필드에 무슨 날짜인지 분명한 레이블이 있는가.

어떤 날짜 설명 — 필요시 날짜의 의미·기준이 설명되는가.

여러 필드 구별 — 시작일·종료일 등이 레이블로 명확히 구별되는가.

개선 방향

모호한 ‘날짜’ 대신 구체 레이블(‘생년월일’, ‘신청 시작일’). <label for> 연결(CP-391).

필요시 날짜 의미 설명. 시작/종료 등 쌍 구별.

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

역할	책임
콘텐츠/UX	날짜 필드 레이블·설명 작성
퍼블리셔/개발	레이블 연결 구현

기관 유형	CP-385 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (날짜 입력 사용 시)

날짜 입력 폼을 쓰는 모든 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 각 날짜 필드에 무슨 날짜인지 분명한 레이블이 있나요?

□ 필요시 날짜의 의미·기준이 설명되나요?

□ 시작일·종료일 등이 레이블로 명확히 구별되나요?

❓ FAQ

Q1. ‘날짜’라고만 쓰면 안 되나요?** 무슨 날짜인지 모호합니다. ’생년월일’, ‘신청 시작일’처럼 구체적으로 써야 하죠. Q2. 레이블과 형식 안내는 같은 건가요? 다릅니다. 레이블은 ’무슨 날짜인가’(385), 형식 안내는 ‘어떤 형식으로 적는가’(CP-386·392)입니다. Q3. 시작일·종료일을 어떻게 구별하나요?** 레이블로 ‘이용 시작일’, ’이용 종료일’처럼 명확히 구별합니다. 안 그러면 거꾸로 적는 오류가 생기죠.

6. 마무리

CP-385의 메시지:

무슨 날짜를 적는지 — 날짜 필드에 명확한 레이블과 설명을 제공하라.

날짜 필드가 무슨 날짜인지 불분명하면 사용자가 엉뚱한 날짜를 적습니다. 명확한 레이블과 어떤 날짜인지 설명으로 올바른 입력을 돕는 게 핵심이죠. 다음 편은 날짜 입력 형식 안내입니다.

다음 편 예고 ▶ 「506. (CP-386) 도움말 텍스트를 활용하여 날짜 입력 형식을 안내하고 있다.」

ViewCheck는 날짜 필드에 레이블·설명이 명확히 제공되는지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 날짜 입력 필드(Date input) 가이드 — https://www.krds.go.kr/html/site/component/component_38.html

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

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