같은 걸 또 쓰게 하지 말기

KRDS BP-083 — 단계가 있는 입력폼에서 반복적으로 입력해야 하는 정보를 자동 입력하거나 동일하게 입력할 수 있는 수단을 제공하고 있다.

0. 들어가며 — 입력 폼 그룹의 마지막

이번 649편은 단계가 있는 입력폼에서 반복 입력 정보를 자동 입력하거나 동일하게 입력할 수 있는 수단을 제공하라는 규칙입니다. 입력 폼 그룹(BP-067~083, 17개)의 마지막이죠.

다단계 폼에서 — 앞 단계에 쓴 정보(주소·이름)를 뒤 단계에 또 쓰게 하면 번거롭죠. ‘배송지와 동일’ 같은 — 복사 수단이 있으면 편합니다. BP-083은 이를 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 반복 입력 자동화·복사 수단

BP-083 (기본 패턴 > 입력 폼) “단계가 있는 입력폼에서 반복적으로 입력해야 하는 정보를 자동 입력하거나 동일하게 입력할 수 있는 수단을 제공하고 있다.”

다단계 폼에서 반복 입력 정보를 자동 입력하거나 복사할 수단을 제공하라는 뜻입니다.

정리: 반복 입력 정보를 자동 입력·복사할 수단을 제공하라. 이게 BP-083입니다.

2. 왜 반복 입력 자동화인가

다단계 폼(BP-068)이나 여러 항목이 있는 폼에서, 같은 정보를 여러 번 입력해야 하는 경우가 있습니다. 예: 주문자 정보 = 수령인 정보, 신청인 주소 = 납부지 주소. 이를 매번 다시 쓰게 하면 번거롭죠. BP-083은 자동 입력·복사 수단을 요구합니다.

반복 입력이 필요할 때의 문제:

이중 입력 부담 같은 정보(이름·주소·연락처)를 단계마다·항목마다 또 써야 하면, 사용자는 번거롭습니다. 긴 주소를 두 번 쓰는 건 큰 부담이죠.

불일치 오류 같은 정보를 두 번 쓰다, 한쪽에 오타가 나면 불일치가 생깁니다. 자동 복사면 이런 오류가 없죠.

그래서 BP-083은 — 자동 입력·복사 수단을 제공하라고 합니다:

‘동일’ 체크박스 ‘주문자 정보와 동일’, ‘배송지와 동일’ 같은 체크박스를 둡니다. 체크하면 앞서 입력한 정보가 자동으로 복사돼 채워지죠. 사용자가 한 번 클릭으로 반복 입력을 피합니다.

자동 입력(이월) 다단계 폼에서 앞 단계에 입력한 정보를, 뒤 단계에 자동으로 이월·표시합니다. 같은 정보를 다시 안 쓰게요.

불러오기 로그인 사용자면 저장된 프로필(주소·연락처)을 불러와 자동 채움(BP-076 자동 완성과 연계)하기도 하죠.

수정 가능 자동 입력·복사한 값도 사용자가 수정할 수 있게요. 대부분 같지만 일부 다를 수 있으니, 복사 후 편집을 허용하죠.

반복 입력 자동화의 효과:

입력 부담 감소 — 같은 걸 — 또 안 써도 되니, 빠르고 편하죠.

오류 감소 — 자동 복사면 — 두 번 쓰다 생기는 불일치·오타가 없습니다.

완료율 상승 — 폼이 — 짧고 편하게 느껴져, 완료율이 오르죠.

WCAG·인지 접근성. 반복 입력 제거는 인지·운동 장애 사용자에게 특히 도움이 됩니다. 같은 정보를 여러 번 입력 하는 부담을 덜죠(WCAG 3.3.7 Redundant Entry 정신 같은 세션에서 이미 입력한 정보를 다시 요구하지 않기).

입력 폼 그룹의 마무리. 입력 폼 그룹(BP-067~083)은 모달 분량(067), 단계 구조(068·069), 레이아웃(070·071), 버튼(072·073), 입력 안내(074·075·076), 입력 보존(077), 검증(078), 명명(079), 오류(080), 초점(081·082), 그리고 반복 자동화(083)까지 폼 설계 전반을 다뤘죠. BP-083은 입력 효율의 마지막 배려입니다.

이 규칙은 입력 폼의 ’반복 입력 절감’을 담당합니다 — 반복 정보를 자동 입력·복사하게 해(083), 사용자의 입력 부담과 오류를 줄이죠. 입력 폼 그룹의 마무리입니다.

정리하면 — 같은 정보를 여러 번 입력하면 번거롭고 불일치 오류가 생기므로, ‘동일’ 체크박스·자동 이월·프로필 불러오기 등 자동 입력·복사 수단(수정 가능)을 제공해야 합니다.

3. 점검 / 개선

무엇을 점검하나

복사 수단 — ‘○○와 동일’ 체크박스 등 복사 수단이 있는가.

자동 이월 — 다단계 폼에서 앞 단계 정보가 뒤 단계에 자동 이월되는가.

수정 가능 — 자동 입력·복사한 값을 사용자가 수정할 수 있는가.

개선 방향

‘주문자와 동일’ 체크박스·자동 이월·프로필 불러오기(BP-076 연계).

복사 후 편집 허용. 반복 입력 제거(WCAG 3.3.7).

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

역할	책임
기획/UX	반복 입력 자동화 설계
개발	복사·이월 기능 구현

기관 유형	BP-083 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (반복 입력 폼)

반복 입력이 있는 폼을 쓰는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ ‘○○와 동일’ 체크박스 등 복사 수단이 있나요?

□ 다단계 폼에서 앞 단계 정보가 뒤 단계에 자동 이월되나요?

□ 자동 입력·복사한 값을 사용자가 수정할 수 있나요?

❓ FAQ

Q1. 반복 입력 자동화가 왜 좋나요? 같은 정보(주소·이름)를 또 안 써도 되니 빠르고 편하며, 두 번 쓰다 생기는 불일치 ·오타도 없죠. 완료율도 오릅니다. Q2. 어떻게 제공하나요? ‘주문자와 동일’ 체크박스로 복사하거나, 다단계 폼에서 앞 단계 정보를 자동 이월하거나, 로그인 사용자는 프로필을 불러옵니다(BP-076). Q3. 자동 복사한 값을 못 고치면요? 수정할 수 있어야 합니다. 대부분 같아도 일부 다를 수 있으니 복사 후 편집을 허용 하죠. WCAG 3.3.7(중복 입력 제거) 정신이에요.

6. 마무리

BP-083의 메시지:

같은 걸 또 쓰게 하지 말기 — 반복 입력 정보를 자동 입력·복사할 수단을 제공하라.

같은 정보를 여러 번 입력하면 번거롭고 불일치 오류가 생깁니다. ‘동일’ 체크박스·자동 이월·불러오기로 부담과 오류를 줄 이는 게 핵심이죠. 입력 폼 그룹(BP-067~083)이 끝났습니다. 다음 편부터는 첨부파일 그룹입니다.

다음 편 예고 ▶ 「650. (BP-084) 첨부파일 그룹 시작」

ViewCheck는 반복 입력 정보의 자동 입력·복사 수단 제공을 진단합니다.

📚 참고 출처

KRDS 기본 패턴 — 입력 폼 가이드 — https://www.krds.go.kr/html/site/pattern/pattern_08.html

WCAG 2.2 SC 3.3.7 Redundant Entry — https://www.w3.org/WAI/WCAG22/Understanding/redundant-entry.html

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

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