이메일을 두 번 치게 하지 마라

KRDS CP-401 — 복사, 붙여쓰기를 제한하고 있지 않다.

0. 들어가며 — ’확인용 이메일 재입력’에서 붙여넣기가 막히면

이번 521편은 복사, 붙여넣기를 제한하고 있지 않게 하라는 규칙입니다.

텍스트 입력 필드에서 — 특히 ‘이메일 확인’, ‘비밀번호 확인’ 같은 재입력 칸에 붙여넣기를 막는 관행이 흔하죠. 하지만 이는 사용자에게 큰 불편이고 접근성 장벽입니다. CP-401은 복붙 제한을 금지합니다. 텍스트 영역 CP-395의 텍스트 입력 버전이죠. 이번 편을 풀어냅니다.

1. 원문 — 복사·붙여넣기 제한 금지

CP-401 (컴포넌트 > 텍스트 입력 필드) “복사, 붙여쓰기를 제한하고 있지 않다.”

텍스트 입력 필드에서 복사·붙여넣기(copy·paste) 기능을 막거나 제한하지 않게 하라는 뜻입니다.

정리: 텍스트 입력 필드에서 복사·붙여넣기를 막지 마라. 이게 CP-401입니다.

2. 왜 복붙 제한을 금지하나

텍스트 입력 필드에서 — 복사·붙여넣기를 막는 관행이 흔합니다. 특히:

확인용 재입력 칸 — ‘이메일 확인’, ‘비밀번호 확인’, ‘계좌번호 확인’ 같은 — 같은 값을 두 번 입력하게 하는 칸에서, ‘정확성을 위해’ 둘째 칸에 붙여넣기를 막죠.

보안 명분 — 비밀번호·민감 정보 칸에서 ’보안’을 명분으로 붙여넣기를 막기도 합니다.

JavaScript로 onpaste 이벤트를 막아 구현하는데 — 이는 사용자에게 큰 불편이고 접근성 장벽입니다. CP-401은 이를 금지합니다(텍스트 영역 CP-395와 동일 정신).

복붙 제한의 문제:

확인 재입력의 모순 ‘이메일 확인’ 칸에 붙여넣기를 막으면 사용자는 첫 칸의 이메일을 둘째 칸에 똑같이 다시 쳐야 합니다. 긴 이메일·복잡한 값일수록 다시 치다 오타가 나 오히려 안 맞죠. 정확성을 위한다며 정확성을 해치는 모순입니다. 사용자는 첫 칸을 복사해 붙이고 싶은데 막히니 짜증나고요.

비밀번호 관리자 차단 비밀번호 칸에서 붙여넣기를 막으면 비밀번호 관리 도구(자동으로 강력한 비밀번호를 생성·붙여넣기)를 못 씁니다. 이는 보안을 약화시키죠. 사용자가 외우기 쉬운(약한) 비밀번호를 직접 치게 만들 뿐입니다. 보안 전문가들도 붙여넣기 차단을 반대합니다.

접근성 장벽 — 운동 장애·손 떨림·보조기기(음성 입력 등) 사용자는 — 복붙에 의존합니다. 막으면 입력이 매우 힘들어지죠.

미리 쓴 값 못 옮김 — 메모해둔 값을 붙여넣지 못해 불편합니다.

그래서 CP-401은 — 복사·붙여넣기를 막지 말라고 합니다:

기본 동작 유지 — 입력 필드의 복사·붙여넣기 기본 동작을 막지 않습니다. onpaste 차단 코드를 제거하죠.

명분 재고 ’정확한 입력’은 붙여넣기 막기 대신 입력값 검증으로 해결합니다(두 칸 값 일치 확인). ’보안’도 붙여넣기 막기는 실효 없고 오히려 약화시키니 안 쓰죠.

확인 칸 자체 재고. 더 나아가 ‘이메일 두 번 입력’ 같은 확인 칸 자체가 현대 UX에선 불필요하다는 견해도 많습니다(복붙 막으면 오류↑, 안 막으면 그냥 복사하니 무의미). 대신 입력값을 보여주며 확인하거나, 인증 메일/SMS로 검증하는 방법이 낫죠. 핵심은 사용자에게 불필요한 부담을 주지 않는 것입니다.

이 규칙은 텍스트 입력 필드의 ’입력 자유·접근성·보안’을 담당합니다 — 복붙을 막지 않아(401), 사용자가 정확히 입력 하고 비밀번호 관리자·보조기기를 쓰게 하죠. 복붙 차단은 불편·접근성 장벽이자 보안 약화임을 인식하는 게 핵심입니다.

정리하면 — 복붙 제한은 확인 재입력을 모순되게 하고 비밀번호 관리자를 막아 보안을 약화시키며 보조기기 사용자에게 장벽이 되므로, 복사·붙여넣기를 막지 말고 기본 동작을 유지해야 합니다.

3. 점검 / 개선

무엇을 점검하나

복붙 허용 — 입력 필드(특히 확인 칸·비밀번호)에서 복사·붙여넣기가 되는가.

차단 코드 없음 — onpaste 차단 코드가 없는가.

명분 대체 — 정확성을 붙여넣기 막기 대신 검증으로 하는가.

개선 방향

onpaste 차단 제거. 확인 칸·비밀번호 칸 포함 복붙 기본 동작 유지.

’정확 입력’은 두 칸 값 검증으로. 비밀번호 관리자 허용. 확인 칸 자체 재고.

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

역할	책임
퍼블리셔/개발	복붙 차단 코드 제거
기획/UX	확인 칸·정확성 대체 설계

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

텍스트 입력을 받는 모든 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 입력 필드(특히 확인 칸·비밀번호)에서 복사·붙여넣기가 되나요?

□ onpaste 차단 코드가 없나요?

□ 정확성을 붙여넣기 막기 대신 검증으로 하나요?

❓ FAQ

Q1. ‘이메일 확인’ 칸에 붙여넣기를 막아야 정확하지 않나요? 오히려 다시 치다 오타가 나 안 맞습니다. 정확성은 두 칸 값 일치 검증으로 보장하죠. 막으면 모순입니다. Q2. 비밀번호 칸 붙여넣기는 보안상 막아야 하지 않나요? 반대입니다. 비밀번호 관리자를 막아 약한 비밀번호를 쓰게 해 보안이 약화됩니다. 보안 전문가들도 차단을 반대하죠. Q3. 확인 칸을 꼭 둬야 하나요? 복붙 막으면 오류↑, 안 막으면 무의미합니다. 입력값 표시 확인이나 인증 메일/SMS가 낫죠.

6. 마무리

CP-401의 메시지:

이메일을 두 번 치게 하지 마라 — 복사·붙여넣기를 제한하지 마라.

복붙 제한은 확인 재입력을 모순되게 하고 비밀번호 관리자를 막아 보안을 약화시키며 보조기기 사용자에게 장벽이 됩니다. 복사·붙여넣기 기본 동작을 유지하는 게 핵심이죠. 다음 편은 반복 값 자동 완성입니다.

다음 편 예고 ▶ 「522. (CP-402) 사용자가 자주, 반복적으로 입력하는 값은 자동 완성될 수 있도록 구현하고 있다.」

ViewCheck는 입력 필드에서 복사·붙여넣기가 제한되지 않는지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 텍스트 입력 필드(Text input) 가이드 — https://www.krds.go.kr/html/site/component/component_40.html

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

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