평소에는 한 줄인 메뉴가 화면을 확대하면 옆 항목과 겹치거나 끝부분이 잘릴 수 있습니다. 이를 막으려고 글자를 다시 작게 만들면 크게 읽으려는 목적을 해칩니다. 메뉴 높이가 내용에 맞춰 늘어나는지, 줄이 바뀌었을 때 하나의 항목인지 두 항목인지 구별되는지부터 확인해 보세요.
W3C의 재배치 설명은 확대하거나 폭이 좁아져도 정보와 기능을 잃지 않고 내용을 읽을 수 있게 하는 취지를 다룹니다. 가로 글을 읽는 일반 영역에서는 매 줄을 읽으려고 좌우로 오가야 하는 상황을 줄이는 것이 중요합니다. 메뉴도 공간에 맞춰 세로로 놓거나 접는 방식을 검토할 수 있습니다. W3C 재배치 안내
줄바꿈을 허용했으면 실제 선택 영역이 글자 전체를 감싸는지도 봅니다. 두 줄째를 눌렀는데 아래 메뉴가 열리거나 고정된 높이 때문에 내용이 가려질 수 있습니다. 아이콘과 이름이 떨어져 서로 다른 항목처럼 보이지 않는지 확인하세요. 접이식으로 바꾼 경우에는 열린 목록의 마지막 항목까지 도달하고 다시 닫을 수 있어야 합니다.
검수에는 긴 실제 메뉴 이름과 글자 확대 설정을 사용합니다. 좁은 기기 화면만 시험하는 것과 넓은 화면에서 확대하는 것은 조건이 다를 수 있으므로 각각 살펴봅니다. 바뀐 구조에서 키보드 이동 순서와 현재 위치 표시도 유지되는지 확인하세요. 줄바꿈 자체를 없애는 것이 목표가 아니라 크게 읽는 상태에서도 어느 항목을 선택하는지 알고 기능을 사용할 수 있게 만드는 것이 목표입니다.