비밀번호 보기 버튼, 표시를 바꿔도 입력값은 그대로여야 합니다

홈페이지에서 비밀번호를 입력하다 오타를 확인하려고 보기 버튼을 누를 수 있습니다. 그런데 문자가 지워지거나 로그인 요청이 바로 전송된다면 확인 기능이 다른 동작을 일으킨 것입니다. 보기·숨기기 검수에서는 표시 방식만 바뀌고 입력한 값과 의도한 작업은 유지되는지 확인해야 합니다. 이 글은 비밀번호를 사용하는 화면이 있는 경우의 입력 기능 점검이며 계정 기능을 새로 만들라는 제안은 아닙니다.

처음 상태와 버튼이 설명하는 행동을 맞춥니다

GOV.UK 디자인 시스템은 비밀번호를 기본적으로 가리고, 사용자가 보기 기능을 선택했을 때 내용을 표시하도록 안내합니다. 사용자가 주변 사람에게 화면을 보일 수 있는 환경도 고려한 방식입니다. 비밀번호 입력 구성 요소 안내 처음부터 문자가 보이는지, 보기 기능을 사용한 뒤 숨기기로 돌아갈 수 있는지 실제 화면에서 확인합니다.

버튼의 이름이 현재 할 수 있는 행동을 설명하는지도 봅니다. 이미 내용이 보이는데 여전히 보기라고 적혀 있다면 상태를 이해하기 어렵습니다. 눈 모양 아이콘만 있는 경우에는 보조기술에서 어떤 이름으로 전달되는지 확인합니다. 화면의 모양과 실제 실행되는 행동을 따로 관찰합니다.

처음 페이지를 연 상태와 오류 후 다시 표시된 상태도 비교합니다. 실패한 요청 뒤 입력값을 어떻게 처리하도록 설계했는지 담당자와 확인하고, 오류가 났다는 이유로 내용이 예상치 않게 노출되는지 봅니다. 보이는 문자의 유무만으로 이전 값이 삭제됐거나 안전하게 처리됐다고 추정하지 않습니다.

보기 버튼이 제출이나 입력 초기화를 일으키지 않아야 합니다

시험 환경에서 비밀정보가 아닌 검수용 문자열을 입력하고 표시를 전환합니다. 전환 전후 문자의 순서와 내용이 유지되는지, 일부 글자가 사라지거나 바뀌는지 확인합니다. 실제 운영 계정의 비밀번호를 검수 보고서나 화면 캡처에 넣지 않습니다.

가정으로 직접 입력 1개 경로와 붙여넣기 1개 경로를 준비하면 기본 비교 경로는 2개입니다. 각 경로에서 보기와 숨기기를 번갈아 실행하고 값을 수정해 봅니다. 이 숫자는 검수 범위 예시이며 실제 이용자의 입력 방식 비율이 아닙니다. 전환 후에도 수정 위치와 입력 상태가 이해 가능한지 함께 기록합니다.

보기 버튼을 누르자마자 양식이 제출되는지도 확인합니다. 표시만 바꿀 버튼이 제출 동작과 연결돼 있으면 사용자는 내용을 확인하기 전에 다음 상태로 이동할 수 있습니다. 개발 담당자와 버튼의 역할을 확인하고, 클릭과 키보드 실행에서 같은 문제가 발생하는지 대조합니다.

여러 입력칸과 브라우저 기능의 관계를 확인합니다

현재 비밀번호와 새 비밀번호처럼 입력칸이 여러 개라면 어떤 버튼이 어느 칸을 제어하는지 분명해야 합니다. GOV.UK는 여러 비밀번호 입력란을 사용할 때 각 보기·숨기기 제어와 이름을 구별하도록 설명합니다. 같은 아이콘이 있다는 사실만으로 연결이 정확하다고 판단하지 않습니다.

각 버튼을 따로 실행해 다른 칸이 함께 표시되거나 잘못된 칸이 바뀌지 않는지 봅니다. 화면 낭독기로 버튼 이름을 들었을 때 제어 대상을 구별할 수 있는지도 확인합니다. 한 입력칸의 표시 전환 상태가 다른 입력칸의 안내 문구를 바꾸는 경우에는 연결 정보를 점검합니다.

브라우저나 비밀번호 관리 도구가 자체 표시 기능을 추가하는 환경도 있습니다. GOV.UK는 이런 기능으로 표시 상태와 사이트 버튼 이름이 어긋나는 경우를 알려 줍니다. 검수에서는 지원 대상 환경에서 실제 보이는 상태를 확인하고, 사이트 버튼으로 바꾼 경우와 브라우저 기능으로 바꾼 경우를 나누어 기록합니다.

자동완성과 붙여넣기 후에도 같은 값인지 봅니다

GOV.UK는 비밀번호 입력에서 복사와 붙여넣기를 허용하고, 새 비밀번호와 현재 비밀번호에 맞는 자동완성 정보를 제공하도록 안내합니다. 자동완성으로 값이 채워졌을 때 보기 기능이 정상 동작하는지, 표시를 바꾼 뒤에도 입력값이 유지되는지 확인합니다. 추천된 값을 선택했다는 사실만으로 이후 처리까지 정상이라고 보지는 않습니다.

모바일에서 보기 상태로 전환한 뒤 글자를 추가할 때 입력 문자가 자동으로 바뀌는지도 시험합니다. 같은 검수 문자열을 사용해 전환 이전과 이후를 대조하고 기기와 브라우저 조건을 남깁니다. 실제 값을 기록하는 대신 어떤 위치에서 어떤 종류의 변화가 발생했는지 설명할 수 있습니다.

마지막으로 정상 제출 경로가 계속 동작하는지 시험 계정으로 확인합니다. 보기 기능을 고치면서 제출이 막히거나 같은 요청이 중복되는지 봅니다. 이때 실제 값 자체를 로그에 추가하는 방식으로 확인하지 않고 시험 결과와 요청의 상태를 연결합니다.

완료 보고에는 초기 표시, 버튼 이름, 제어 대상과 입력값 보존 여부를 적습니다. 비밀번호 입력 UI 검수를 통과했다는 사실을 인증 체계 전체의 보안 검증으로 확대하지 않습니다. 필요한 내용을 사용자가 확인하고 수정할 수 있도록 표시 기능과 실제 입력 결과를 일치시키는 것이 이번 점검의 범위입니다.

출처 확인일: 2026-10-26. 입력 경로와 수량은 설명용 가정이며 실제 계정 정보나 인증 시스템 검사 결과가 아닙니다.