또 적게 하지 말고

KRDS CP-389 — 사용자가 자주, 반복적으로 입력하는 날짜는 자동 완성될 수 있도록 구현하고 있다.

0. 들어가며 — 같은 날짜를 또 적어야 하면

이번 509편은 사용자가 자주, 반복적으로 입력하는 날짜는 자동 완성될 수 있게 구현하라는 규칙입니다.

오늘 날짜, 자기 생년월일처럼 — 자주·반복 입력하는 날짜를 매번 손으로 적게 하면 번거롭고 오류가 나죠. CP-389는 이런 날짜를 자동 완성하라고 규정합니다. WCAG 1.3.5(입력 목적 식별) 정신이죠. 이번 편을 풀어냅니다.

1. 원문 — 반복 입력 날짜 자동 완성

CP-389 (컴포넌트 > 날짜 입력 필드) “사용자가 자주, 반복적으로 입력하는 날짜는 자동 완성될 수 있도록 구현하고 있다.”

자주·반복적으로 입력하는 날짜(오늘 날짜, 생년월일 등)를 자동 완성·자동 채움할 수 있게 구현하라는 뜻입니다.

정리: 자주 쓰는 날짜는 자동 완성되게 하라. 이게 CP-389입니다.

2. 왜 자동 완성인가

날짜 입력 중에는 — 사용자가 자주·반복적으로 적는 날짜들이 있습니다:

오늘 날짜 — 신청일, 작성일 등 — 대부분 ’오늘’을 적습니다. 매번 오늘 날짜를 손으로 치게 하면 번거롭죠.

생년월일 — 한 사람이 여러 폼에서 — 같은 생년월일을 반복 입력합니다.

이전에 입력한 날짜 — 같은 서비스에서 — 전에 적은 날짜를 또 적는 경우.

이런 날짜를 — 매번 처음부터 손으로 적게 하면:

반복 노동 — 같은 날짜를 여러 번 손으로 치는 건 번거롭고 비효율적이죠.

입력 오류 — 손으로 칠 때마다 — 오타·자릿수 실수가 날 수 있습니다.

접근성 부담 — 손 떨림·운동 장애 사용자에겐 — 반복 타이핑이 큰 부담이죠.

그래서 CP-389는 — 자주·반복 입력 날짜를 자동 완성하라고 합니다:

오늘 날짜 자동 채움 신청일 등 대부분 ‘오늘’인 필드는 오늘 날짜를 기본값으로 자동 채우거나, ’오늘’ 버튼을 제공합니다. 사용자가 그대로 두거나 클릭 한 번으로 입력하죠. (단, 신중한 선택이 필요한 날짜는 기본값을 강요하지 않도록 주의 라디오 기본 선택 없음 CP-281 정신과 균형).

브라우저 자동 완성(autocomplete) 입력 필드에 autocomplete 속성(예: bday, bday-day/month/year)을 줘, 브라우저가 저장된 사용자 정보(생년월일 등)로 자동 완성하게 합니다. 사용자가 전에 입력한 값을 다시 안 치고 선택하죠. 이는 WCAG 1.3.5 입력 목적 식별(Identify Input Purpose) 과도 연결됩니다 필드의 목적을 명시해 자동 완성·맞춤 지원을 가능하게요.

이전 입력 기억 — 로그인 사용자면 — 전에 입력한 날짜를 기억해 제안할 수 있죠.

자동 완성의 효과:

편의 — 반복 입력 없이 — 자동으로 채워지거나 선택만 하면 됩니다. 빠르고 편하죠.

오류 감소 — 손 타이핑이 줄어 — 오타·실수가 줄어듭니다.

접근성 — 운동 장애 사용자의 입력 부담이 크게 줄죠.

자동 완성 vs 기본값 주의. 오늘 날짜 자동 채움 등은 편하지만, 사용자가 의식적으로 골라야 하는 날짜(예: 중요한 신청 기준일)에 기본값을 넣으면 무심코 잘못된 값으로 진행할 위험이 있죠(라디오 CP-281). 그래서 자동 완성은 ‘대부분 그 값일’ 안전한 경우에 쓰고, 신중한 선택이 필요하면 버튼(‘오늘’)으로 사용자가 클릭하게 하거나 검증을 둡니다. 편의와 정확성의 균형이죠.

이 규칙은 날짜 입력의 ’입력 효율·편의’를 담당합니다 — 반복 날짜를 자동 완성해(389), 사용자의 반복 노동·오류·접근성 부담을 줄이죠. autocomplete 속성으로 브라우저·보조기술 지원도 받습니다.

정리하면 — 자주·반복 입력하는 날짜를 매번 손으로 적게 하면 번거롭고 오류가 나므로, 오늘 날짜 자동 채움·autocomplete 속성·이전 입력 기억 등으로 자동 완성해 입력 부담을 줄여야 합니다.

3. 점검 / 개선

무엇을 점검하나

자동 완성 — 자주 쓰는 날짜(오늘·생년월일)에 자동 완성·채움이 있는가.

autocomplete 속성 — 날짜 필드에 적절한 autocomplete 속성이 있는가(bday 등).

기본값 균형 — 신중한 선택이 필요한 날짜에 기본값을 강요하지 않는가.

개선 방향

오늘 날짜는 자동 채움 또는 ‘오늘’ 버튼. 생년월일 등은 autocomplete 속성(WCAG 1.3.5).

신중한 선택 날짜는 기본값 대신 버튼·검증. 편의와 정확성 균형.

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

역할	책임
퍼블리셔/개발	자동 완성·autocomplete 구현
기획/UX	자동 완성 대상·기본값 정책

기관 유형	CP-389 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (반복 날짜 입력 시)

반복 날짜 입력이 많은 폼을 쓰는 사이트에 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 자주 쓰는 날짜(오늘·생년월일)에 자동 완성·채움이 있나요?

□ 날짜 필드에 적절한 autocomplete 속성이 있나요(bday 등)?

□ 신중한 선택이 필요한 날짜에 기본값을 강요하지 않나요?

❓ FAQ

Q1. 오늘 날짜를 자동으로 넣으면 안 되나요? 신청일처럼 대부분 오늘인 필드는 좋습니다. 단, 의식적으로 골라야 하는 중요 날짜는 기본값 대신 ‘오늘’ 버튼이 안전하죠. Q2. autocomplete 속성이 뭔가요? 필드의 목적(bday=생년월일 등)을 명시해 브라우저·보조기술이 저장된 정보로 자동 완성하게 하는 HTML 속성입니다(WCAG 1.3.5). Q3. 자동 완성이 접근성에 도움되나요? 네. 손 떨림·운동 장애 사용자의 반복 타이핑 부담을 크게 줄입니다.

6. 마무리

CP-389의 메시지:

또 적게 하지 말고 — 자주 쓰는 날짜는 자동 완성되게 구현하라.

반복 날짜를 매번 손으로 적게 하면 번거롭고 오류가 납니다. 오늘 날짜 자동 채움·autocomplete·이전 입력 기억으로 입력 부담을 줄이는 게 핵심이죠. 다음 편은 키보드 날짜 선택·입력입니다.

다음 편 예고 ▶ 「510. (CP-390) 키보드를 이용하여 조회 날짜를 선택하거나 입력할 수 있도록 제공하고 있다.」

ViewCheck는 반복 날짜가 자동 완성되게 구현됐는지를 진단합니다.

📚 참고 출처

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

WCAG 2.1 SC 1.3.5 Identify Input Purpose — https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose.html

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

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