핵심 요약
Fluxaivory 공개 글 한 편을 데스크톱과 두 모바일 폭에서 직접 렌더링했습니다. 390px와 360px 모두 문서 전체의 가로 넘침은 0px였고, 표 두 개는 본문을 밀어내지 않은 채 자체 스크롤 영역에 남았습니다. 이번 측정으로 달라진 판단은 WordPress 운영팀과 실무자가 페이지 안정성과 표 조작성을 따로 확인해야 한다는 점입니다.
지원 이미지 세 개의 대체 텍스트와 캡션도 한국어 정보로 일치했습니다.
무엇이 바뀌었나: 두 모바일 폭에서 문서 넘침과 표 스크롤을 따로 측정했습니다. 왜 중요한가: 페이지가 고정돼도 표 조작은 별도 확인이 필요합니다. 누가 봐야 하나: WordPress 편집자와 사이트 운영자가 먼저 확인해야 합니다.
이번 검증에서 직접 확인한 것
- Fluxaivory 공개 글의 데스크톱·모바일 렌더링 측정: 세 뷰포트 모두 문서 가로 넘침이 0px였고, 표 2개는 390px와 360px에서 각각 자체 스크롤 컨테이너 안에 유지됐다. 지원 이미지 3개의 캡션과 대체 텍스트도 한국어로 일치했다.
재현 방법
- 라이브 글의 Cloudflare 캐시를 퍼지한 뒤 같은 공개 URL을 Chromium에서 1440×1000, 390×844, 360×800 순서로 렌더링한다.
- 각 폭에서 documentElement의 clientWidth와 scrollWidth 차이, 본문·제목·표·그림의 경계 이탈 요소를 기록한다.
- 각 표의 clientWidth와 scrollWidth를 비교하고 overflow-x가 적용된 자체 스크롤 컨테이너 안에 있는지 확인한다.
- 본문 지원 이미지의 실제 렌더 크기, 캡션, 대체 텍스트를 수집해 한국어 정보 전달과 자산 로딩을 대조한다.
해석 한계
- 이 결과는 2026-07-10의 한 공개 글, 현재 테마, Chromium 렌더링에 한정되며 Safari·Firefox와 이후 테마 변경을 대표하지 않는다.
- 가로 넘침과 표 스크롤 가능성은 측정했지만 실제 독자의 이해도, 확대 사용성, 보조기기별 조작 시간은 별도 사용자 시험이 필요하다.
기록 확인 Fluxaivory 편집 데스크 ·
한눈에 보는 결과
- 문서 전체 가로 넘침과 표 내부 스크롤은 서로 다른 측정값입니다.
- 이번 결과는 한 공개 글과 Chromium에 한정된 관측입니다.
- 모바일 합격은 390px와 360px 모두에서 같은 결과가 재현될 때만 인정했습니다.
어떻게 측정했고 무엇이 나왔나
예를 들어, 캐시를 비운 같은 공개 URL을 Chromium에서 1440px, 390px, 360px 순서로 열었습니다.
각 폭에서 문서의 clientWidth와 scrollWidth 차이를 비교하고 경계 밖 요소를 확인했습니다.
표의 자체 폭과 스크롤 컨테이너를 따로 측정한 뒤 이미지 캡션과 대체 텍스트를 대조했습니다.
| 대상 | 관측값 | 동작 | 판단 기준 |
|---|---|---|---|
| 1440×1000 | 0px | 표 두 개가 본문 경계 안에 유지 | 통과 |
| 390×844 | 0px | 표 두 개가 자체 가로 스크롤 영역 사용 | 통과 |
| 360×800 | 0px | 표 두 개가 자체 가로 스크롤 영역 사용 | 통과 |
결과를 어떻게 읽고 왜 공식 기준과 나누나
가로 넘침 0px는 페이지 전체가 옆으로 밀리지 않았다는 뜻입니다.
표의 scrollWidth가 더 큰 경우에는 표 영역 안에서만 좌우 이동이 필요할 수 있습니다.
가령 문서 넘침이 0px여도 표 내부 이동이 필요하면 페이지 안정성과 표 조작성을 별도로 판정해야 합니다.
W3C CSS Overflow 명세는 넘치는 콘텐츠와 스크롤 컨테이너를 해석하는 기준을 제공합니다.
W3C WAI와 WordPress 접근성 지침은 이미지의 목적에 따라 대체 텍스트를 정하도록 안내합니다.
이 문서들은 이번 측정값을 대신하지 않으며, 관측 결과를 읽는 기준으로만 사용했습니다.
직접 재현할 체크리스트
- 같은 URL에서 390px와 360px의 문서 가로 넘침이 모두 0px인가?
- 넓은 표가 본문을 밀어내지 않고 자체 스크롤 컨테이너 안에 있는가?
- 정보 이미지의 대체 텍스트가 캡션과 같은 핵심 의미를 전달하는가?
- 다른 브라우저와 테마 변경 뒤에도 같은 결과가 유지되는가?
이번 시험의 한계
- 이 결과는 2026-07-10의 한 공개 글, 현재 테마, Chromium 렌더링에 한정되며 Safari·Firefox와 이후 테마 변경을 대표하지 않는다.
- 가로 넘침과 표 스크롤 가능성은 측정했지만 실제 독자의 이해도, 확대 사용성, 보조기기별 조작 시간은 별도 사용자 시험이 필요하다.
