본문 바로가기
웹사이트 준비노트

2026-10-28 · 약 1분

휴대전화 메뉴에서 현재 위치와 돌아갈 길 보여 주기

휴대전화에서 메뉴가 화면을 덮으면 방문자는 본문으로 어떻게 돌아가는지부터 찾게 됩니다. 메뉴 닫기 동작 확인하기부터 결과 확인까지 정리합니다.

메뉴를 연 상태 확인하기

메뉴를 연 상태 확인하기을 설명하는 개념 도해
메뉴를 연 상태 확인하기 · 실제 수치나 관리 화면이 아닌 개념 도해입니다.

휴대전화에서 메뉴가 화면을 덮으면 방문자는 본문으로 어떻게 돌아가는지부터 찾게 됩니다. 열기 버튼과 닫기 버튼의 위치를 살피고, 메뉴를 닫은 뒤 읽던 위치가 유지되는지 확인합니다. 항목이 많다면 운영 조직도보다 방문자가 찾는 일에 맞춰 묶습니다.

선택된 항목 표현하기

메뉴에서는 현재 보고 있는 페이지와 다른 페이지로 가는 링크를 구별할 수 있어야 합니다. 색만 바꾸는 표시가 충분한지는 실제 화면에서 읽어 봅니다. 하위 메뉴를 펼치는 동작과 페이지로 이동하는 동작이 같아 보이지 않게 이름과 버튼 역할을 점검합니다.

손가락 외의 조작 시험

선택된 항목 표현하기을 설명하는 개념 도해
선택된 항목 표현하기 · 실제 수치나 관리 화면이 아닌 개념 도해입니다.

키보드로 메뉴를 열고 이동하고 닫는 순서를 시험합니다. 화면을 확대했을 때 마지막 항목과 닫기 기능이 가려지는지도 확인합니다. 단순히 메뉴가 열렸다는 결과보다 다음 페이지에 도착하고 돌아올 수 있는지를 완료 기준으로 삼습니다.

실무 확인표

출처

더 살펴볼 곳

같은 운영 주체가 관리하는 사이트의 관련 글입니다. 병원 적용 사례는 일반 업종과 조건이 다를 수 있습니다.

같은 주제의 글

화면 만들기 · 2026-10-28

휴대전화에서 먼저 확인할 홈페이지 화면 속도

휴대전화에서 홈페이지가 느리면 주요 콘텐츠 표시, 조작 반응, 배치 흔들림부터 나눠야 합니다. 실제 사용자 자료와 시험 측정의 대상이 같은지 가린 뒤 제작 담당자에게 원인 점검을 요청합니다.

화면 만들기 · 2026-10-28

누구나 쓰기 쉬운 홈페이지를 위한 접근성 기본

홈페이지 접근성은 그림·영상의 대체 설명, 키보드 조작, 색 이외의 표시, 본문 제목 구조부터 챙깁니다. 운영자가 준비할 자료와 제작 담당자에게 요청할 수정 내용을 정리합니다.