고정 상담 바 뒤로 버튼이 숨는다면, 키보드 이동 경로를 확인합니다

홈페이지 하단에 고정된 상담 바는 스크롤을 내려도 문의 경로를 보여줍니다. 하지만 키보드로 본문 링크를 이동할 때 선택된 버튼이 그 뒤에 숨을 수 있습니다. 화면은 멈춘 것처럼 보이는데 실제로는 보이지 않는 요소에 초점이 있는 상태입니다. 고정 영역 검수에서는 배너 자체의 표시뿐 아니라 그 뒤를 지나는 조작 대상이 계속 보이는지 확인해야 합니다. 마우스로 빈 곳을 찾아 누르는 시험만으로는 이 문제를 놓치기 쉽습니다.

선택된 요소와 초점 표시를 나눠 확인합니다

W3C의 최소 기준은 키보드 초점을 받는 인터페이스 요소가 제작자가 만든 콘텐츠 때문에 완전히 숨겨지지 않도록 설명합니다. 이 기준에서 부분 가림을 허용한다는 것과 가림이 없는 설계가 더 바람직하다는 것은 구분됩니다. 초점이 가려지지 않아야 하는 최소 기준 일부가 보인다는 사실만으로 모든 이용 문제가 해결됐다고 보고하지 않습니다.

버튼 자체와 초점을 알리는 테두리도 따로 봅니다. 버튼의 글자는 보여도 테두리가 가려져 현재 선택된 위치를 알아보기 어려울 수 있습니다. 반대로 테두리 일부만 보이고 실제 버튼이 숨은 경우도 있습니다. 문제 기록에는 무엇이 얼마나 가렸는지 적고, 테두리가 있다는 이유만으로 버튼을 확인했다고 처리하지 않습니다.

아래로 이동한 뒤 위로 돌아오는 경로를 시험합니다

페이지를 열고 Tab으로 링크와 버튼을 따라 이동합니다. 고정 상담 바에 가까워질 때 화면이 어떻게 스크롤되는지, 다음 대상이 바 뒤에 숨는지 관찰합니다. 이어서 Shift+Tab으로 이전 대상으로 돌아가 상단 고정 메뉴 아래에서도 같은 문제가 생기는지 확인합니다. 어느 방향으로 이동하느냐에 따라 결과가 달라질 수 있습니다.

예를 들어 상단 메뉴 1개와 하단 상담 바 1개가 동시에 고정되는 화면이라면 총 2개 영역이 본문을 덮을 가능성을 확인합니다. 이는 검수 범위의 가정입니다. 두 영역 사이에 남은 공간에 현재 조작 대상이 들어오는지 봅니다. 단순히 페이지 끝에 여백을 더하는 수정이 모든 중간 링크의 가림을 해결하는지까지 검증해야 합니다.

특정 위치에서 멈췄다면 바로 마우스로 화면을 옮기기 전에 현재 초점 요소와 이동 직전 요소를 기록합니다. 개발 담당자가 같은 시작점에서 재현할 수 있도록 페이지 주소와 조작 순서를 남깁니다. 보이지 않는 상태로 Enter를 눌러 다른 페이지로 이동해 버리면 원래 가려졌던 위치를 다시 찾기 어려울 수 있습니다.

고정 영역의 높이가 달라지는 조건을 포함합니다

같은 상담 바도 좁은 화면에서 문구가 여러 줄로 바뀌면 본문을 더 많이 덮을 수 있습니다. 긴 안내 문구가 들어간 상태와 평소 상태를 대조하고 브라우저 확대 조건도 기록합니다. 시험한 화면 크기에서만 맞춘 여백이 다른 조건에서도 충분한지 확인합니다.

자동으로 나타나는 공지와 사용자가 직접 연 문의 창은 발생 경로를 구분합니다. W3C는 사용자가 연 콘텐츠의 경우 초점을 다음 대상으로 옮기지 않고도 가려진 요소를 드러낼 수 있는 조건을 별도로 설명합니다. 이를 모든 고정 배너에 적용해 방문자가 알아서 스크롤하면 된다고 해석하지 않습니다. 어떤 영역이 언제 나타났는지부터 확인해야 합니다.

채팅창을 닫거나 배너를 접는 조작을 시험할 때에는 그 이후 초점이 어디에 남는지도 봅니다. 가림은 사라졌지만 현재 위치를 잃었다면 후속 조작이 여전히 어려울 수 있습니다. 운영 기록에서 창이 닫힌 결과와 가려졌던 대상에 대한 조작을 이어간 결과를 분리합니다.

여백이나 배치 수정은 실제 이동으로 재검수합니다

개발 담당자와 고정 영역을 차지하는 공간, 스크롤 여백, 반응형 배치 등을 검토할 수 있습니다. 구체적인 해결 방법은 페이지 구조에 따라 정하고, 임의의 여백 수치를 모든 화면에 공통 적용하는 방식으로 완료를 판단하지 않습니다. 고정 바의 높이가 달라져도 조작 대상이 보이는지가 수정 결과입니다.

재검수에서는 실패했던 경로와 반대 방향 경로를 모두 실행합니다. 배너가 열린 상태와 접힌 상태, 문구가 줄바꿈되는 상태도 포함합니다. 해당 버튼의 가림을 고치면서 다른 링크가 메뉴 뒤에 숨지는 않는지 주변 요소를 함께 확인합니다.

보고에는 가려진 요소, 덮은 영역, 발생 조건과 수정 후 관찰 결과를 남깁니다. 화면 캡처에는 현재 초점 위치를 표시하고 필요하면 짧은 이동 순서를 덧붙입니다. 정지 화면에서 버튼이 보인다는 사실보다 키보드로 그 위치에 도달했을 때 보이는지가 이번 검수의 핵심입니다.

출처 확인일: 2026-10-26. 영역 수와 화면 사례는 설명용 가정이며 실제 사이트의 검사 결과가 아닙니다. 이 점검만으로 사이트 전체의 접근성 준수를 판정하지 않습니다.