한 번 더 안 치게

KRDS BP-016 — 입력 필드에 자동 완성 속성이 설정되어 있다.

0. 들어가며 — 개인 식별 정보 입력 그룹의 마지막

이번 582편은 입력 필드에 자동 완성(autocomplete) 속성이 설정되어 있어야 한다는 규칙입니다. 개인 식별 정보 입력 그룹(BP-001~016)의 마지막이죠.

이름·생년월일·전화번호 같은 개인 식별 정보는 — 여러 폼에서 반복 입력하는데, autocomplete 속성을 설정하면 브라우저 가 자동 완성해주죠. BP-016은 자동 완성 속성 설정을 규정합니다. 텍스트 입력 자동완성(CP-402)의 개인정보 폼 적용 이자 WCAG 1.3.5 정신이죠. 이번 편을 풀어냅니다.

1. 원문 — 자동 완성 속성 설정

BP-016 (기본 패턴 > 개인 식별 정보 입력) “입력 필드에 자동 완성 속성이 설정되어 있다.”

개인 식별 정보 입력 필드에 적절한 autocomplete 속성을 설정해, 브라우저·보조기술의 자동 완성을 지원하라는 뜻입니다.

정리: 개인정보 입력 필드에 autocomplete 속성을 설정하라. 이게 BP-016입니다.

2. 왜 자동 완성 속성인가

개인 식별 정보(이름·생년월일·전화번호·주소 등)는 — 사용자가 여러 폼에서 반복 입력하는 정보입니다(신청·가입· 민원마다). 매번 손으로 치게 하면 번거롭고 오류가 나죠. autocomplete 속성을 설정하면 — 브라우저가 저장된 정보로 자동 완성해줍니다. BP-016은 이를 요구합니다(텍스트 입력 자동완성 CP-402 정신).

autocomplete 속성이란:

HTML 입력 필드에 — autocomplete 속성으로 그 필드의 목적(어떤 개인정보인지) 을 명시합니다:

이름: autocomplete="name"

생년월일: autocomplete="bday"

전화번호: autocomplete="tel"

이메일: autocomplete="email"

주소: autocomplete="street-address", postal-code 등

이 속성을 보고 — 브라우저가 저장된 사용자 정보로 자동 완성 목록을 띄우거나 채우죠.

자동 완성 속성의 효과:

반복 입력 제거 사용자가 전에 입력한 이름·전화번호를 다시 안 치고, 자동 완성으로 선택·채웁니다. 빠르고 편하죠. 개인 식별 정보는 특히 반복이 많아 효과가 큽니다.

오류 감소 — 손 타이핑이 줄어 — 오타가 줄죠.

접근성(WCAG 1.3.5) autocomplete 속성은 WCAG 1.3.5 입력 목적 식별(Identify Input Purpose) 기준 입니다. 필드의 목적을 프로그래밍적으로 식별하게 해, 브라우저·보조기술이 자동 완성·맞춤 지원(아이콘 표시, 자동 채움)을 합니다. 인지 장애 사용자에게 특히 도움이 되죠(직접 안 쳐도 되니). 운동 장애 사용자의 입력 부담도 줄고요.

왜 개인정보 폼에 특히 중요한가:

반복성 개인 식별 정보는 모든 공공 서비스에서 반복 요구됩니다. 자동 완성이 가장 큰 효과를 내죠.

접근성 의무 — 1.3.5는 웹 접근성 기준이라 — 공공 사이트는 준수해야 합니다.

정확성 — 자동 완성된 값은 — 사용자가 전에 정확히 입력한 것이라, 오타가 적죠.

올바른 토큰 사용. 각 필드에 — 정확한 autocomplete 토큰을 줍니다(name, bday, tel 등 표준 값). 틀린 토큰 이나 의미 없는 값(autocomplete=“on”만)으론 — 효과가 제한적이죠. 표준 토큰을 정확히 매핑합니다.

민감 정보 주의(CP-402 연계). 비밀번호(current-password/new-password)·카드 정보는 보안을 고려해 적절히 다룹니다. 공용 PC 노출 위험 등. 다만 일반 개인 식별 정보(이름·전화번호)는 자동 완성이 편의·접근성에 크게 기여하죠. 정당한 이유 없이 autocomplete="off"로 막지 않습니다.

이 규칙은 개인 식별 정보 입력의 ’입력 효율·접근성’을 담당합니다 — 입력 필드에 autocomplete 속성을 설정해(016), 반복 입력을 줄이고 접근성(WCAG 1.3.5)을 확보하죠. 개인 식별 정보 입력 그룹(BP-001~016)을 마무리합니다.

정리하면 — 개인 식별 정보는 반복 입력이 많은데 자동 완성 속성이 없으면 매번 손으로 쳐야 하므로, 각 필드에 정확한 autocomplete 속성(name·bday·tel 등)을 설정해 자동 완성과 접근성(WCAG 1.3.5)을 지원해야 합니다.

3. 점검 / 개선

무엇을 점검하나

autocomplete 속성 — 이름·생년월일·전화번호 등에 적절한 autocomplete 속성이 있는가.

정확한 토큰 — name·bday·tel 등 표준 토큰을 정확히 매핑했는가.

off 남용 없음 — 정당한 이유 없이 autocomplete=“off”로 막지 않는가.

개선 방향

각 개인정보 필드에 표준 autocomplete 토큰(name/bday/tel/email/postal-code 등).

정확한 토큰 매핑(WCAG 1.3.5). 비밀번호는 current/new-password. off 남용 제거.

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

역할	책임
퍼블리셔/개발	autocomplete 속성 설정 구현
QA/접근성	자동 완성·1.3.5 검증

기관 유형	BP-016 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (개인정보 입력 시)

웹접근성 의무 대상이며 개인정보를 입력받는 사이트에 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 이름·생년월일·전화번호 등에 적절한 autocomplete 속성이 있나요?

□ name·bday·tel 등 표준 토큰을 정확히 매핑했나요?

□ 정당한 이유 없이 autocomplete=“off”로 막지 않나요?

❓ FAQ

Q1. autocomplete 속성이 뭔가요? 필드의 목적(name=이름, tel=전화 등)을 명시해 브라우저·보조기술이 저장된 정보로 자동 완성하게 하는 HTML 속성입니다(WCAG 1.3.5). Q2. 개인정보 폼에 왜 특히 중요한가요? 개인 식별 정보는 모든 서비스에서 반복 요구돼 자동 완성 효과가 큽니다. 인지·운동 장애 사용자 부담도 크게 줄죠. Q3. autocomplete=“off”를 쓰면 안 되나요? 정당한 이유(공용 단말 특정 필드) 없이 남용하면 편의·접근성을 해칩 니다. 일반 개인정보는 자동 완성을 허용하죠.

6. 마무리

BP-016의 메시지:

한 번 더 안 치게 — 입력 필드에 자동 완성 속성을 설정하라.

개인 식별 정보는 반복 입력이 많은데 자동 완성 속성이 없으면 매번 손으로 쳐야 합니다. 정확한 autocomplete 속성으로 자동 완성과 접근성을 지원하는 게 핵심이죠. 이로써 개인 식별 정보 입력 그룹(BP-001~016)이 마무리됩니다. 다음 편부터는 ‘도움’ 패턴입니다.

다음 편 예고 ▶ 「583. (BP-017) [도움] 도움 패턴의 첫 규칙부터 시작합니다.」

ViewCheck는 입력 필드에 자동 완성 속성이 설정됐는지를 진단합니다.

📚 참고 출처

KRDS 기본 패턴 — 개인 식별 정보 입력 가이드 — https://www.krds.go.kr/html/site/pattern/pattern_01.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컴포넌트,웹표준