PLATON

페이지마다 메뉴 순서가 달라진다면, 반복 탐색 경로를 대조합니다

플라톤마케팅 사내 원고 회의 기록, 2023년 12월

홈페이지 첫 화면에서 찾아오는 길의 위치를 익혔는데 칼럼으로 이동하자 메뉴가 다른 순서로 나타날 수 있습니다. 일부 페이지가 예전 템플릿을 쓰거나 별도로 만든 메뉴를 유지하면 이런 차이가 생깁니다. 공통 메뉴 검수는 각 링크가 열리는지뿐 아니라 페이지를 옮겨도 반복 항목을 예측 가능한 순서로 찾을 수 있는지 확인해야 합니다. 방문자가 매번 메뉴 전체를 다시 읽어야 하는 조건을 찾아봅니다.

비교할 페이지와 반복 메뉴를 먼저 정합니다

같은 탐색 체계를 사용하는 첫 화면, 안내 페이지와 칼럼 페이지 등을 모읍니다. 별도 서비스나 다른 언어 버전까지 목적과 구조를 확인하지 않고 한꺼번에 묶지 않습니다. 공통 메뉴로 관리하는 범위를 정해야 차이가 있는 이유와 수정 대상을 설명할 수 있습니다.

W3C는 같은 페이지 집합에서 여러 페이지에 반복되는 탐색 수단이 사용자가 시작한 변경을 제외하면 같은 상대적 순서로 나타나야 한다고 설명합니다. 일관된 탐색 기준 설명 여기서 상대 순서는 모든 화면 좌표를 고정한다는 의미가 아니라 다른 항목과의 앞뒤 관계를 확인하는 기준입니다.

운영 검수표에는 화면에 보이는 메뉴 이름과 링크 목적지를 함께 적습니다. 이름만 같고 다른 곳으로 가는 항목은 별도 문제로 남깁니다. 이번 순서 검수와 목적지 검수를 구분하면 같은 메뉴를 비교하고 있는지 확인하기 쉽습니다.

노트북을 앞에 두고 자료를 설명하는 플라톤마케팅 구성원들
홈페이지 공통 메뉴를 검토하는 업무의 참고 사진입니다. 회의 참고 사진 · 플라톤마케팅 · 자사 촬영.

반복 항목의 앞뒤 관계를 비교합니다

가정으로 병원 소개·이용 안내·찾아오는 길이라는 3개 공통 항목을 첫 화면과 칼럼 화면이라는 2개 페이지에서 확인하면 기본 대조 항목은 6개입니다. 이는 검수 범위의 예시입니다. 실제 메뉴를 기준으로 앞뒤 관계를 적고 특정 페이지에서만 순서가 뒤바뀐 항목을 표시합니다.

메뉴가 가로로 보인다는 이유만으로 시각적 순서만 확인하지 않습니다. 키보드로 이동했을 때와 화면 낭독기로 메뉴를 탐색했을 때 순서를 함께 봅니다. 화면에서는 같은 순서처럼 보이지만 구조가 다르게 구성돼 있으면 탐색 방식에 따라 다른 결과를 얻을 수 있습니다.

현재 페이지의 메뉴를 강조하기 위해 맨 앞으로 옮기는 구현도 확인합니다. 선택 표시를 바꾸는 것과 항목 위치를 바꾸는 것은 다릅니다. 담당자는 현재 위치를 알리는 목적을 유지하면서 반복 메뉴의 순서가 흔들리지 않는 방법을 개발·디자인 담당자와 검토할 수 있습니다.

범위 / 같은 탐색 체계를 쓰는 페이지 선정 · 순서 / 반복 항목의 앞뒤 관계 비교 · 하위 / 추가 메뉴와 기존 순서 변화 구분 · 검수 / 모바일·키보드 경로 함께 확인
플라톤마케팅 검수 제안 · W3C Consistent Navigation 참고 · 2026-10-26

하위 메뉴 추가와 순서 변경을 구분합니다

특정 메뉴를 열었을 때 하위 항목이 들어오는 것 자체를 오류로 보지는 않습니다. W3C는 다른 항목이 추가되거나 제거돼도 반복 항목 사이의 상대 순서가 유지될 수 있다고 설명합니다. 따라서 항목 개수가 달라졌다는 이유만으로 메뉴 전체가 불일치한다고 결론 내리지 않습니다.

검수에서는 공통 상위 항목을 먼저 대조한 뒤 하위 항목이 어떤 부모 메뉴에 속하는지 봅니다. 하위 메뉴를 펼쳤다가 접은 뒤 기존 상위 순서가 유지되는지, 같은 이름의 메뉴가 중복되는지 확인합니다. 화면에 잠시 나타나는 하위 메뉴와 페이지에 항상 있는 별도 탐색 영역을 구분해 기록합니다.

사용자가 직접 메뉴를 재배치하는 기능이 있다면 기본 상태와 사용자 설정 상태를 나누어 시험합니다. 방문자의 명시적 선택으로 바뀐 결과와 운영자가 페이지마다 임의로 바꾼 결과를 같은 조건으로 취급하지 않습니다. 어떤 설정이 적용됐는지 검수 기록에 남깁니다.

회의 테이블에서 각자 노트북 자료를 검토하는 플라톤마케팅 구성원들
페이지별 메뉴 항목의 앞뒤 관계를 대조합니다. 회의 참고 사진 · 플라톤마케팅 · 자사 촬영.

모바일 메뉴와 오래된 템플릿을 함께 재검수합니다

큰 화면의 가로 메뉴와 모바일에서 펼치는 세로 메뉴가 별도로 관리되는지 확인합니다. 같은 화면 폭 조건에서 페이지를 이동하며 반복 항목의 상대 순서를 비교합니다. 모바일에서는 메뉴가 접힌다는 차이와 항목 순서가 뒤바뀐다는 차이를 구분해야 합니다.

오래된 공지나 별도 제작 페이지도 실제 공통 탐색 범위에 포함된다면 확인합니다. 첫 화면의 메뉴만 수정하고 다른 템플릿이 이전 목록을 계속 제공하는지 봅니다. 변경 대상은 추측으로 정하지 말고 사용하는 템플릿과 게시 경로를 개발 담당자와 대조합니다.

수정 후에는 공통 메뉴로 페이지를 연속 이동해 봅니다. 메뉴 순서는 같아졌지만 이동 후 메뉴를 열 수 없거나 초점이 사라지는지 확인합니다. 새 페이지를 직접 연 경우와 내부 링크로 이동한 경우를 구분하면 상태가 남아 발생하는 문제도 찾을 수 있습니다.

완료 보고에는 비교한 페이지 집합, 화면 조건, 공통 항목과 변경된 앞뒤 관계를 적습니다. 확인하지 않은 모든 페이지에서 일관성이 확보됐다고 넓혀 보고하지 않습니다. 반복 메뉴의 기준 목록을 남기고 새 템플릿을 추가할 때 같은 대조를 수행할 수 있도록 관리합니다.

출처 확인일: 2026-10-26. 메뉴 이름과 항목 수는 설명용 가정이며 실제 사이트의 메뉴 구성이나 검사 결과가 아닙니다. 이 점검만으로 사이트 전체의 접근성 준수를 판정하지 않습니다.

긴 테이블에 마주 앉아 논의하는 플라톤마케팅 구성원들
수정한 메뉴의 탐색 경로를 확인합니다. 회의 참고 사진 · 플라톤마케팅 · 자사 촬영.

이 글과 이어지는 주제

이 글에 공감하셨다면, 상담 전에 다른 글도 한 번 보십시오. 저희와 맞는지 먼저 확인하시는 편이 서로에게 낫습니다.

카톡으로 물어보기
카카오톡 상담지금 바로 답변드립니다