웹사이트를 인쇄 가능하게 설계해야 하는 이유
원제 Websites Should Be Printable
143 포인트댓글 117
Key Point
웹 접근성과 사용자 친화성을 확장하는 간단한 방법이며, CSS만으로 구현할 수 있어 추가 비용 없이 적용 가능하다.
핵심 요약
- 저자는 인쇄된 문서로 읽을 때 더 집중이 잘 되어 웹사이트를 인쇄하기 좋게 만들려고 시도했다.
- 처음 자신의 웹사이트를 인쇄했을 때 텍스트 크기가 너무 크고 헤더가 보기 흉했으며 링크 색상이 흑백 인쇄에서 안 보였다.
- CSS의 @media print 쿼리를 활용해 인쇄 전용 스타일을 정의할 수 있으며, 특정 요소는 숨기고 다른 요소는 인쇄 시에만 표시하도록 제어할 수 있다.
- 저자는 인쇄용으로 본문 텍스트는 12pt, 제목은 13~16pt로 설정했고, 링크 색상을 검은색으로 변경했으며, 인쇄 시 불필요한 헤더는 제거했다.
- 코드 블록은 페이지 경계에서 나뉘는 문제가 남아 있으며, 이를 완벽하게 해결할 방법을 찾고 있다.
- 인쇄 최적화는 작업량이 상당하지만, 텍스트 기반 웹사이트라면 독자가 선호하는 매체에서 콘텐츠를 경험하도록 하는 것이 좋은 사용자 경험이다.
- 모든 CSS 코드는 자유롭게 사용해도 된다고 명시했다.