문의 제출이 막혔다면, 오류 요약에서 고칠 입력칸으로 이동할 수 있어야 합니다
2026-10-26 · 플라톤마케팅 · 약 5분 읽기

긴 문의 양식의 마지막에서 제출을 눌렀는데 아무 일도 일어나지 않는 것처럼 보일 수 있습니다. 화면 위쪽 입력칸에 오류가 표시됐지만 현재 위치에서는 보이지 않는 상황입니다. 오류 요약은 무엇을 고쳐야 하는지 모아 보여 주고, 해당 입력칸으로 이동해 수정을 이어가도록 돕는 장치입니다. 오류 문구가 존재하는지뿐 아니라 제출 실패를 알아차리고 수정하는 전체 경로를 확인합니다.
실패한 제출 뒤 어디에 머무는지 확인합니다
필수 항목을 비우거나 형식에 맞지 않는 시험값을 넣어 검증 오류를 재현합니다. 제출 버튼을 누른 뒤 화면과 키보드 초점이 어디에 있는지 봅니다. 새로운 안내가 생겼는데 초점은 페이지 아래에 그대로 남아 방문자가 변화를 놓치는지 확인합니다. 서버 응답을 기다리는 중인 상태와 검증이 끝나 수정이 필요한 상태도 구분합니다.
GOV.UK 디자인 시스템은 페이지 상단의 오류 요약과 각 입력칸 옆의 오류 메시지를 함께 사용하도록 안내합니다. 요약으로 키보드 초점을 옮기고, 각 오류를 해당 답변으로 연결하며 두 위치의 문구를 일치시키는 방법을 설명합니다. 오류 요약 구성 요소 안내 이는 참고하는 디자인 시스템의 방식이며 특정 구현 하나만으로 모든 홈페이지의 접근성을 판정하지 않습니다.
검수 기록에는 첫 화면부터의 전체 영상보다 오류를 발생시킨 값과 제출 직후의 위치를 명확히 남깁니다. 화면을 다시 읽어야만 실패를 알 수 있는지, 요약 제목과 목록을 발견할 수 있는지를 구체적으로 적습니다. 색이나 테두리 변화만 보고 충분히 안내됐다고 결론 내리지 않습니다.

목록의 각 항목이 실제 수정 위치로 이어져야 합니다
오류 요약에 있는 링크를 실행한 뒤 해당 입력칸으로 초점이 이동하는지 확인합니다. 화면이 근처로 내려갔지만 입력을 시작하면 다른 칸에 글자가 들어가는 상태는 별도로 기록합니다. 이동한 위치에서 항목 이름과 오류 설명을 함께 확인할 수 있는지도 봅니다.
예를 들어 이름 누락과 회신 주소 형식 오류 등 2개 오류가 있는 상태에서 시작할 수 있습니다. 이름을 고치고 다시 제출했을 때 남은 오류가 1개라면 요약도 그 상태를 반영하는지 확인합니다. 두 차례의 검사 결과를 합쳐 3개 오류가 동시에 발생했다고 기록하지 않습니다. 이 수량은 수정 흐름을 설명하기 위한 가정입니다.
모든 항목의 링크가 첫 입력칸으로 연결되거나 이전 화면의 식별자를 가리키는지도 점검합니다. 조건에 따라 나타나는 질문은 오류 발생 시 실제로 보이는 상태여야 수정할 수 있습니다. 접힌 영역이나 숨겨진 항목을 대상으로 이동만 시도하는 경우에는 표시 상태와 초점 처리 순서를 개발 담당자와 확인합니다.
여러 입력칸으로 된 질문의 이동 대상을 정합니다
날짜처럼 답변 하나가 여러 칸으로 나뉘면 어떤 칸을 고쳐야 하는지에 따라 도착 위치가 달라집니다. GOV.UK는 오류가 있는 첫 입력칸으로 연결하고, 어느 칸인지 알 수 없다면 첫 칸으로 연결하도록 설명합니다. 라디오 버튼이나 체크박스 묶음에서는 첫 항목으로 연결하는 방식을 안내합니다. 실제 양식 구조에 맞게 대상을 정하고 키보드로 실행해 확인합니다.
운영 검수에서는 빈 답변과 부분적으로 작성한 답변을 나누어 시험할 수 있습니다. 날짜의 일부가 빠진 상황과 전체 형식이 맞지 않는 상황이 같은 안내를 쓰더라도, 사용자가 무엇을 고쳐야 하는지 알 수 있는지 살펴봅니다. 서버에서 알려 준 오류를 임의로 다른 칸에 배정하지 않도록 구현 담당자와 메시지의 의미를 맞춥니다.
목록 순서도 확인합니다. 화면의 질문 순서와 요약 순서가 다르면 이동을 반복하면서 위치를 잃기 쉬울 수 있습니다. 반드시 모든 시스템이 같은 순서를 써야 한다고 단정하기보다, 현재 양식에서 수정할 항목을 따라갈 때 불필요한 왕복이 생기는지 검토합니다.

수정과 재제출 뒤 남은 오류를 다시 확인합니다
입력값을 고쳤을 때 오류 안내를 즉시 갱신하는지, 다시 제출했을 때 갱신하는지 확인합니다. 설계한 시점이 무엇이든 이전 메시지가 현재 값과 충돌하지 않는지 봅니다. 오류 요약에서는 사라졌는데 입력칸 옆에는 남아 있거나 그 반대인 상태를 기록합니다.
정상 입력한 다른 항목이 보존되는지도 대조합니다. 오류 하나를 고칠 때마다 긴 문의 내용을 다시 적어야 한다면 수정 부담이 커집니다. 검증 실패 이후 표시된 값과 재제출한 값을 시험 환경에서 비교하고, 최종 처리 결과가 사용자가 마지막으로 확인한 내용과 맞는지 확인합니다.
완료 보고에는 오류 발생 조건, 요약의 항목과 이동 대상, 수정 후 남은 메시지를 적습니다. 처음 실패한 화면만 캡처하지 말고 수정과 재제출이 이어진 결과까지 남깁니다. 오류 요약의 목적은 경고 상자를 추가하는 데 있지 않고 방문자가 해결할 위치를 찾아 작업을 끝내도록 돕는 데 있습니다.
출처 확인일: 2026-10-26. 오류 수와 시험 흐름은 설명용 가정이며 실제 문의 데이터나 장애 기록이 아닙니다.

이 글과 이어지는 주제