홈페이지를 확대하면 문의 버튼이 사라진다면, 화면 재배치를 점검합니다

병원 홈페이지의 글자가 작아 브라우저를 확대했더니 본문 오른쪽이 잘리거나 하단 문의 버튼이 화면을 덮을 수 있습니다. 기본 배율에서 보기 좋다는 사실만으로 읽기와 문의 동작이 유지된다고 판단하기는 어렵습니다. 확대한 화면에서도 내용이 다시 배치되고 필요한 기능을 사용할 수 있는지 확인해야 합니다. 점검은 홈페이지 첫 화면뿐 아니라 실제로 읽고 입력하는 과정까지 이어져야 합니다.

글자가 커진 뒤 줄이 어떻게 이어지는지 봅니다

W3C의 리플로 안내는 일반적인 세로 스크롤 콘텐츠가 폭 320 CSS 픽셀에 해당하는 화면에서도 정보나 기능을 잃지 않고 양방향 스크롤 없이 표시되는 기준을 설명합니다. 폭 1280 CSS 픽셀의 보기 영역을 400%로 확대하는 조건이 그 예입니다. W3C 리플로 설명

여기서 기준은 모니터 제품의 해상도가 아니라 웹 콘텐츠가 표시되는 영역입니다. 브라우저 테두리와 다른 화면 요소를 포함한 전체 화면 크기를 그대로 대입하지 않습니다. 본문을 읽을 때 매 줄마다 오른쪽으로 이동했다가 왼쪽으로 돌아와야 하는지, 문장 일부가 아예 잘리는지 살펴봅니다.

고정된 배너와 문의 창도 함께 시험합니다

상단 메뉴나 하단 문의 막대는 기본 화면에서 차지하는 비중이 작아도 확대하면 본문 대부분을 덮을 수 있습니다. 본문 끝으로 내려갔을 때 마지막 문장과 버튼이 보이는지, 문의 창을 열면 입력칸과 닫기 기능에 도달할 수 있는지 확인합니다. 보기 좋게 줄어든 화면만 촬영하는 것으로 검수를 끝내지 않습니다.

운영 점검의 가정으로 칼럼 본문, 문의 양식, 문의 완료 안내라는 3개 화면을 정하고 각각 기본 상태와 확대 상태라는 2개 조건을 보면 6개 조합이 됩니다. 이는 검수 범위를 정하는 예시이며 모든 페이지의 접근성을 대표하는 표본은 아닙니다. 공통 배너가 바뀌었다면 같은 요소가 있는 다른 화면도 추가로 확인합니다.

넓은 표가 있다고 페이지 전체를 예외로 보지 않습니다

지도나 데이터 표처럼 의미를 유지하려면 가로와 세로 배치가 필요한 콘텐츠에는 예외가 있을 수 있습니다. 그러나 표가 있다는 이유로 주변의 설명 문단이나 문의 기능까지 같은 예외로 묶지 않습니다. 이차원 배치가 필요한 부분과 일반 본문의 동작을 구분해 살핍니다.

넓은 표 자체를 이동해서 읽어야 한다면 표 밖의 제목과 설명은 화면 폭에 맞게 이어지는지 봅니다. 표를 억지로 줄이면서 글자를 지나치게 작게 만드는 방법이 읽기 문제를 해결했다고 단정하지 않습니다. 이미지도 필요한 비율을 유지하면서 화면 밖으로 불필요하게 넘치지 않는지 확인합니다. W3C 이미지 크기 조절 기법

문제를 다시 만들 수 있는 기록으로 전달합니다

수정 요청에는 페이지 주소, 브라우저, 보기 영역의 폭과 확대율을 적습니다. '모바일에서 깨짐'보다 '본문 하단에서 문의 창을 열면 닫기 버튼이 위쪽 화면 밖으로 사라지고 이동해도 찾을 수 없음'처럼 순서를 적으면 원인을 좁히기 쉽습니다. 관찰한 현상과 추정한 원인은 분리합니다.

수정 후에는 같은 조건에서 본문 읽기와 문의 동작을 다시 수행합니다. 한 화면의 가로 스크롤만 없애려고 내용을 숨겼다면 정보 손실이 없는지도 확인해야 합니다. 좁은 화면 검수와 실제 브라우저 확대 검수는 함께 기록하고, 시험하지 않은 환경까지 정상이라고 확대해서 보고하지 않습니다.

출처 확인일: 2026-10-26. 본문은 확대 상태의 운영 점검 절차이며, 이 항목만 통과했다고 사이트 전체가 접근성 기준을 충족한다는 뜻은 아닙니다.