웹 가이드를 인쇄하면 빠지는 정보: 인쇄용 스타일과 출처 검수

화면에서 읽히는 문서가 종이에서도 같은 정보를 남기는지 봅니다

웹 가이드를 인쇄했을 때 표의 오른쪽 열이 잘리거나, 그림이 빠지고 설명만 남거나, 고정 배너가 문장을 덮을 수 있습니다. 화면에서 정상이라는 결과만으로 인쇄물까지 검수했다고 보지 않습니다. 인쇄는 같은 콘텐츠가 다른 크기와 흐름으로 배치되는 상태입니다. 필요한 정보와 조건, 출처가 그 상태에서도 읽히는지 확인해야 합니다.

이 글은 실제 사이트의 인쇄 결과나 PDF 접근성 시험 보고서가 아닙니다. 가상의 사용 가이드를 예로 사용해 인쇄용 스타일, 페이지 분할, 표와 이미지, 출처·버전의 검수 항목을 정리합니다. 본문을 인쇄한 것만으로 전문 문서 검토나 내용의 정확성이 검증됐다고 주장하지 않습니다. 확인한 환경과 출력 조건을 별도로 기록해야 합니다.

인쇄물에 반드시 남을 정보를 먼저 정합니다

인쇄용 스타일을 만들기 전에 제목, 요약, 설명 순서, 사양과 조건, 표와 이미지, 참고 자료, 작성·수정 정보 등 문서에서 중요한 항목을 적습니다. 화면의 메뉴와 실행 버튼은 인쇄물에서 다른 역할을 가질 수 있지만, 본문을 이해하는 데 필요한 조건과 자료를 함께 숨기면 안 됩니다. 요소 이름만 보고 무조건 삭제하지 않습니다.

실제 문서에서 어떤 항목을 반드시 남길지는 내용과 목적에 따라 정합니다. 푸터에 있다고 모두 장식은 아니고, 본문 안에 있다고 모두 같은 중요도를 갖는 것도 아닙니다. 정보의 역할을 기준으로 판단하고 페이지 구조와 연결해야 합니다.

인쇄 상태의 스타일과 화면 스타일을 구분합니다

CSS에서는 print 매체에 적용할 스타일을 별도로 정할 수 있습니다. MDN의 인쇄 안내는 인쇄 스타일시트와 media query 등을 설명합니다. 다음은 원리를 보여주는 예제이며 클래스 이름은 설명용입니다. 실제 페이지의 구조와 다른 이름을 그대로 복사해도 같은 결과가 나온다고 보지 않습니다.

@media print {
  .screen-only-controls { display: none; }
  .guide-body { max-width: none; }
  .guide-body img { max-width: 100%; height: auto; }
}

숨기는 요소에는 화면 전용 실행 기능만 들어 있는지 확인합니다. 같은 영역에 문의 창구나 적용 조건이 함께 있다면 영역 전체를 감추면서 정보를 잃을 수 있습니다. 스타일이 정상 적용됐다는 결과와 필요한 정보가 남았다는 결과를 나누어 검수해야 합니다.

기존 스타일의 우선순위나 다른 매체 조건이 함께 작동할 수 있습니다. 인쇄 규칙을 추가했다고 모든 화면 규칙이 사라지는 것은 아닙니다. 고정 위치, 높이 제한, 넘침 처리, 배경색과 글자색이 인쇄 상태에서 어떻게 적용되는지 실제 미리보기에서 확인합니다. 코드의 존재를 인쇄 검수 완료로 표시하지 않습니다.

용지와 여백은 실제 출력 조건으로 확인합니다

@page는 인쇄 페이지의 크기나 방향, 여백 등을 다루는 CSS 규칙입니다. 적용 범위와 지원 조건은 MDN의 해당 문서를 참고할 수 있습니다. 어떤 용지와 여백을 선택할지는 문서 내용과 출력 환경에 따라 다릅니다. 특정 크기 하나가 모든 브라우저와 프린터에서 같은 결과를 보장한다고 말하지 않습니다.

검수에는 용지, 방향, 배율, 여백, 브라우저의 머리말·꼬리말 설정을 기록합니다. 같은 페이지라도 사용자의 배율과 배경 그래픽 설정, 브라우저가 추가하는 정보에 따라 모습이 달라질 수 있습니다. 한 번의 PDF 저장 결과를 모든 종이 출력의 같은 결과로 확대하지 않습니다.

페이지 수를 줄이기 위해 배율을 작게 만들면 조건 문장과 표의 숫자가 읽기 어려워질 수 있습니다. 반대로 본문을 크게 하면 표나 이미지가 여러 페이지로 나뉠 수 있습니다. 문서의 주요 과업을 기준으로 읽기와 분할을 검토하고 중요한 정보를 잘라내는 방식으로 분량을 맞추지 않습니다.

제목과 설명이 다른 페이지로 떨어지는지 봅니다

페이지 끝에 제목만 남고 설명은 다음 장에서 시작하면 읽는 순서가 끊길 수 있습니다. 제목과 첫 문단, 표 제목과 표, 도식과 캡션이 어떤 위치에서 분리되는지 확인합니다. 화면의 세로 흐름을 봤다는 사실만으로 페이지 분할 상태를 검증하지 않습니다.

문서의 제목 구조는 내용의 관계를 설명해야 합니다. W3C WAI의 제목 안내는 구조와 읽기 관계를 다룹니다. 인쇄용으로 글자 크기를 바꾸더라도 제목과 본문의 역할을 시각적인 크기만으로 뒤섞지 않습니다. 번호나 이름, 설명 순서가 같은 문서를 가리키는지 확인합니다.

분할을 피하도록 설정한 영역이 용지보다 길면 다른 문제가 생길 수 있습니다. 긴 표나 여러 문단을 모두 한 덩어리로 묶는 방식이 항상 좋은 결과를 내는 것은 아닙니다. 실제 문서에서 어디를 나눌 수 있는지와 어떤 관계를 유지해야 하는지 판단하고 출력 미리보기의 전체 페이지를 확인해야 합니다.

가로로 넓은 표는 화면의 스크롤을 사용할 수 없습니다

웹페이지에서는 표 영역을 가로로 이동해 모든 열을 볼 수 있어도 종이에서는 같은 방식으로 읽을 수 없습니다. 오른쪽 열이나 단위, 조건이 잘리는지 확인하고 데이터 의미를 유지하는 배치를 검토합니다. 글자를 무조건 작게 줄이거나 일부 열을 인쇄에서 숨긴 뒤 전체 자료라고 표시하지 않습니다.

표를 나누는 경우에는 각 조각이 어떤 대상을 비교하는지 알 수 있어야 합니다. 이전 페이지의 제목을 기억해야만 값을 해석할 수 있는 형태인지 살펴봅니다. 표를 이미지로 바꾸면 검색과 복사, 읽기 관계가 달라질 수 있으므로 단순히 레이아웃을 맞추는 수단으로 선택하지 않습니다.

원본 표와 인쇄용 표를 별도로 입력한다면 수정 때 두 자료가 달라질 수 있습니다. 같은 정보원을 쓰거나 운영 장부에서 두 표시 위치와 버전을 연결해야 합니다. 인쇄용 배치가 좋아졌다는 결과를 데이터 정확성 검증으로 자동 해석하지 않습니다.

그림의 선과 캡션, 본문 정보가 함께 남는지 봅니다

배경색이나 그래픽이 빠지는 출력 설정에서는 옅은 선과 흰 글자, 색상으로만 구분한 범례가 사라질 수 있습니다. 도식의 핵심 관계와 숫자, 화살표 끝점이 읽히는지 확인합니다. 화면의 고해상도 파일을 사용했다는 사실이 인쇄에서 모든 정보가 명확하다는 뜻은 아닙니다.

설명용 생성 이미지를 넣었다면 인쇄물에서도 그 역할이 오인되지 않도록 캡션과 본문 한계를 유지합니다. 실제 현장 사진이나 측정 자료가 아닌데 해당 고지만 화면에서 숨겨지면 그림의 의미가 달라질 수 있습니다. 그림과 캡션이 같은 자료를 설명하는지, 다른 페이지로 떨어져 오해가 생기지 않는지 봅니다.

이미지 안에만 중요한 값과 조건이 있다면 인쇄 실패나 축소에서 자료가 사라질 수 있습니다. 필요한 정보를 본문이나 표에도 남기는 방법을 검토합니다. 다만 실제 자료에서 확인하지 않은 내용을 대체 설명처럼 만들어 넣지 않습니다. 내용의 정확성과 표시 품질을 같은 검수 기록에서 구분해야 합니다.

눌러야 알 수 있는 출처를 인쇄에서도 구분합니다

인쇄물에서는 “더 보기”라는 링크 이름만 남아 실제로 어떤 자료인지 알기 어려울 수 있습니다. 기관과 문서 이름, 확인한 버전이나 날짜, 필요한 경우 주소 등의 정보를 남기는 방식을 검토합니다. 모든 긴 주소를 그대로 문장에 붙이면 줄바꿈과 읽기를 방해할 수 있으므로 문서 목적에 맞춰 구조를 정합니다.

출처의 접속일과 내용의 기준일을 구분합니다. 오늘 열어봤다는 사실이 원문 내용이 오늘의 규정이나 사양으로 업데이트됐다는 뜻은 아닙니다. 인쇄물에도 확인한 자료의 범위와 아직 검토하지 않은 조건을 남겨야 합니다. 링크 이름만 남긴 자료를 전문 검토 완료 문서처럼 제공하지 않습니다.

자신의 문서 이름과 작성·수정 정보도 확인합니다. 파일로 저장한 날짜와 본문의 검토 날짜, 적용 기준일은 서로 다를 수 있습니다. 문서가 나중에 수정됐을 때 어떤 출력물이 이전 버전인지 구분할 수 있게 해야 합니다. 날짜만 바꾸어 내용이 새로 검토된 것처럼 보이게 만들지 않습니다.

상호작용 도구의 기본 화면을 실제 결과로 쓰지 않습니다

웹 계산기나 선택 도구를 인쇄하면 기본 입력과 현재 화면이 남을 수 있습니다. 그 값이 설명용인지 사용자가 입력한 결과인지, 어떤 계산 범위와 한계를 갖는지 인쇄에서도 알 수 있어야 합니다. 색상 상자나 인터랙션 상태가 빠졌는데 결과 숫자만 남는 상황을 확인합니다.

도구가 인쇄를 위해 별도의 결과 요약을 제공한다면 입력 조건과 기준, 확인하지 않은 항목을 함께 전달합니다. 실행 버튼을 종이에 남겨도 사용할 수 없으므로 필요한 내용과 설명을 구분합니다. 현재 상태를 출력했다는 사실을 실제 제품 시험이나 현장 검증 결과로 소개하지 않습니다.

본문과 도구의 결과가 서로 다른 버전의 정보를 쓰는지도 확인합니다. 공식 기준이나 예제 입력이 바뀌었다면 화면 자료와 인쇄 자료가 함께 갱신돼야 합니다. 인쇄용 영역에 이전 결과가 남아 있어도 눈으로 보기에는 정상 문서처럼 보일 수 있으므로 정보원을 대조해야 합니다.

PDF 저장과 실제 종이 출력은 다른 확인입니다

브라우저의 PDF 저장 기능으로 만든 파일과 실제 프린터 출력은 같은 조건이 아닐 수 있습니다. PDF에서 페이지 분할과 텍스트 표시를 확인했다면 그 결과를 기록하고, 종이에서 색과 선이 어떻게 보이는지는 해당 출력 환경에서 따로 확인합니다. 하나의 결과를 모든 장치의 검수로 확대하지 않습니다.

PDF가 열렸다는 사실도 파일의 전체 읽기 품질이나 접근성 인증을 뜻하지 않습니다. 필요한 텍스트를 찾고 읽을 수 있는지, 표와 도식의 관계가 유지되는지, 원하는 문서 버전인지 확인합니다. 이 글은 PDF의 태그 구조나 법적 접근성 적합성을 판정한 보고서가 아닙니다.

출력 조건과 정보 누락을 한 장부에서 관리합니다

이 장부는 실제 출력 시험값이 아니라 양식입니다. 검사한 조건과 확인하지 않은 환경을 나누어 적고, 문서의 첫 장만 보지 않고 전체 페이지에서 내용과 관계가 유지되는지 확인해야 합니다. 한 부분의 성공을 전체 출력 검증으로 표시하지 않습니다.

본문이나 표를 갱신한 뒤에는 인쇄 상태도 다시 확인합니다. 문장이 길어지고 이미지 비율이나 표 열이 바뀌면 이전의 페이지 분할 결과가 달라질 수 있습니다. 인쇄 스타일을 한 번 만들었다고 이후 콘텐츠가 모두 같은 조건으로 출력된다고 가정하지 않습니다.

인쇄물도 같은 내용을 정확하게 설명해야 합니다

인쇄용 디자인의 마지막 기준은 종이에 보기 좋게 들어갔는지만이 아닙니다. 제목과 설명, 값과 단위, 표와 조건, 그림과 캡션, 출처와 문서 버전이 같은 정보를 남기는지 봐야 합니다. 화면 전용 행동 요소를 숨기면서 중요한 안내까지 없애거나, 일부 표를 잘라내 놓고 전체 자료라고 표시하지 않습니다.

검수 기록에는 어떤 출력 조건에서 무엇을 확인했는지와 아직 남은 범위를 구분합니다. 인쇄 성공을 내용의 전문 검토나 성능·안전 인증으로 바꾸어 말하지 않습니다. 웹 문서와 출력물의 버전을 연결하고 실제 정보 관계를 유지하는 것이 이 검수의 목적입니다.

참고 자료와 예제의 범위

• MDN: 인쇄용 CSS — 화면과 인쇄 상태의 스타일 구분.
• MDN: @page — 인쇄 페이지 설정의 맥락과 지원 조건.
• W3C WAI: 제목 구조 — 문서 내용의 관계와 읽기 순서.

자료 대조일: 2026-09-13. 가상 가이드와 표·코드는 설명용이며 실제 사이트 출력, 고객 데이터, PDF 접근성 시험이나 인증 결과가 아닙니다. 작성·운영: 오경연 / detailry. 정정·문의로 자료 보완을 요청할 수 있습니다.

함께 읽기: 긴 문서의 탐색 구조 · 그림과 본문 설명의 역할.

인쇄물에서 사라진 정보와 페이지 분리를 기록하는 예시

아래는 가상의 출력 검수 기록입니다. 실제 프린터 시험·PDF 제작 결과가 아닙니다.

인쇄 미리보기에 페이지가 생겼다는 사실은 모든 정보가 남았다는 뜻이 아닙니다. 화면의 행·열과 캡션·출처를 체크 목록으로 고정하고 출력물의 해당 위치를 한 항목씩 대응시킵니다. 스타일을 바꾼 뒤에는 이미 보이던 값이 새로 빠지지 않았는지도 확인합니다. PDF에서 통과한 조건과 실제 종이·드라이버에서 확인한 조건은 같은 결과로 합치지 않습니다.