작성자: 마커스 첸, 정부 및 기업 문서 감사 경험 12년의 선임 디지털 접근성 컨설턴트
💡 주요 요점
- "보기에는 접근 가능하다"라는 오류
- 읽기 순서: 보이지 않는 구조
- 대체 텍스트: "그래프의 이미지"를 넘어서
- 표: 구조는 당신이 생각하는 것보다 더 중요하다
지난 화요일, 저는 포춘 500대 기업의 법무팀이 그들의 "접근 가능한" 연례 보고서를 출시하며 축하하는 모습을 보았습니다. 그들은 이 프로젝트에 40,000달러와 3개월을 투자했습니다. PDF는 아름답고—정갈한 타이포그래피, 전문적인 레이아웃, 완벽한 브랜드화. 그러나 나는 그것을 스크린 리더로 재생해 보았습니다. 경험은 재앙이었습니다. 표는 이해 불가능한 문자로 읽혔습니다. 목차는 장식적으로만 작용했습니다. 대체 텍스트는 이미지를 "image1.jpg"와 "image2.jpg"로 설명했습니다. 5분 만에 저는 127개의 접근성 위반 사항을 문서화했습니다.
이것은 무능력이 아니었습니다. 더 나쁜, 자신만만한 무지였습니다. 팀은 디자인 소프트웨어에서 "접근 가능한 PDF"라는 라벨이 붙은 상자를 체크했기 때문에 접근 가능한 문서를 만들었다고 진심으로 믿었습니다. 그들은 혼자가 아닙니다. 저는 의료, 금융, 교육, 정부 부문에서 3,000개 이상의 PDF를 감사한 결과, 이 패턴이 끊임없이 반복되는 것을 보았습니다. 조직들은 PDF 접근성에 상당한 자원을 투자하지만, 89%의 문서는 보조 기술을 사용하는 사람들에게 여전히 기능적으로 접근할 수 없습니다.
문제는 관심 부족이 아닙니다. PDF 접근성이 실제로 의미하는 바에 대한 근본적인 오해입니다. 대부분의 사람들은 그것이 대체 텍스트와 대비 비율에 관한 것이라고 생각합니다. 그것들은 중요하지만, 단지 시작일 뿐입니다. 진정한 PDF 접근성은 문서 구조, 의미론적 마크업, 읽기 순서 및 보조 기술 호환성을 교차하는 복잡한 기술 분야입니다. 이를 제대로 실행하기 위해서는 무엇을 해야 하는지를 이해하는 것뿐만 아니라 왜 해야 하는지를 이해하는 것이 필요하며, 여기에서 대부분의 안내가 부족합니다.
"보기에는 접근 가능하다"라는 오류
PDF 접근성에서 가장 위험한 오해는 다음과 같습니다: 문서가 시각적으로 정리되고 읽을 수 있다면, 그것은 접근 가능해야 한다. 나는 이것을 시각적 편향 함정이라고 부르며, 이는 다른 어떤 요인보다 더 많은 접근성 실패의 원인입니다.
일반적인 기업 백서를 고려해 보십시오. 시각적 독자에게는 계층 구조가 분명합니다: 큰 제목, 부제목, 본문 텍스트, 인용문, 캡션. 시각적 디자인은 크기, 무게, 색상 및 위치를 통해 구조를 전달합니다. 그러나 PDF는 본질적으로 시각적 디자인을 이해하지 못합니다. 스크린 리더는 큰 글씨와 굵은 텍스트를 보고 "아마도 제목일 것이다"라고 생각하지 않습니다. 명시적인 구조적 마크업이 필요합니다—각 요소의 의미를 정의하는 태그가 필요합니다.
나는 최근에 주요 대학의 60페이지 연구 보고서를 감사했습니다. 시각적으로는 완벽했습니다. 모든 제목이 일관되게 스타일링되었습니다. 레이아웃은 깔끔하고 전문적이었습니다. 그러나 PDF에는 구조적 태그가 전혀 없었습니다. 스크린 리더에게는 60페이지의 구분 없는 텍스트 벽과 같았습니다. 탐색 불가능했고, 문서의 조직을 이해할 방법이 없었습니다.
팀은 충격을 받았습니다. 그들은 Microsoft Word에서 제목 스타일을 사용했습니다. 그러니까 그게 자동적으로 접근 가능한 구조를 만들어야 하는 것 아닙니까? 때때로 그렇습니다—하지만 올바르게 내보내고, 출력을 검증하며, 제한 사항을 이해해야만 그렇습니다. Word의 "PDF로 저장" 기능은 종종 구조적 정보를 제거합니다. Adobe Acrobat의 "접근 가능하게 만들기" 마법사는 도움이 될 수 있지만, 마법이 아닙니다. 내가 테스트한 결과, 대략 40%의 확률로 잘못된 교육적인 추측을 제공합니다.
시각적 접근성과 구조적 접근성은 다른 분야입니다. 모든 시각적 접근성 지침을 통과하는 문서가 있을 수 있습니다—충분한 대비, 읽기 쉬운 글꼴, 명확한 레이아웃—그러나 스크린 리더 사용자에게는 완전히 사용할 수 없는 상태입니다. 반대로, 적절한 구조적 태그가 있는 시각적으로 평범한 문서는 매우 접근성이 높을 수 있습니다. 시각적 프레젠테이션은 시각적 사용자 대상입니다. 구조적 마크업은 보조 기술을 위한 것입니다. 두 가지 모두 중요하지만, 같은 것은 아닙니다.
이것이 자동화된 접근성 검사기가 잘못된 확신을 주는 이유입니다. 그들은 대체 텍스트가 존재하는지 확인할 수 있지만, 그것이 의미가 있는지는 확인하지 못합니다. 그들은 제목 태그가 있는지 확인할 수 있지만, 그것이 올바르게 사용되었는지는 확인하지 못합니다. 그들은 색상 대비 비율을 체크할 수 있지만, 읽기 순서가 논리적으로 맞는지는 확인하지 못합니다. 나는 문서가 자동 검사를 통과하면서도 실제 장애인 사용자에게는 거의 사용할 수 없는 경우를 보았습니다.
읽기 순서: 보이지 않는 구조
사람들이 PDF 접근성 접근 방식에서 한 가지를 고칠 수 있다면, 그것은 읽기 순서를 이해하는 것입니다. 이것은 콘텐츠가 보조 기술에 제공되는 순서이며, 시각적 레이아웃과는 완전히 독립적입니다. 읽기 순서가 열 간에 무작위로 점프하는 아름답게 디자인된 두 개 열 레이아웃이 있을 수 있으며, 이는 콘텐츠를 이해할 수 없게 만듭니다.
"시각적 접근성과 기술적 접근성은 완전히 다른 영역입니다. PDF는 보기에는 아름다울 수 있지만 스크린 리더를 사용하는 사람에게는 완전히 사용할 수 없을 수 있으며, 이는 예외가 아닌 일반적인 상황입니다."
읽기 순서 문제는 시각적 사용자에게는 보이지 않기 때문에 교묘합니다. 문서는 완벽해 보입니다. 그러나 스크린 리더를 사용하는 사람에게는 마치 서로 다른 장의 각 단락이 한 책에서 읽는 것과 같습니다. 나는 한 번 건강 관리 브로셔를 감사했는데 읽기 순서가 동일한 콘텐츠의 영어와 스페인어 번역이 번갈아 가며 나타났습니다. 시각적으로는 별도의 열에 있었으나, 구조적으로는 문장 단위로 섞여 있었습니다. 그런 조건에서 의학 지침을 따르는 것을 상상해 보십시오.
문제는 PDF 레이아웃이 본질적으로 시각적이라는 것입니다. 콘텐츠는 X 및 Y 좌표를 사용하여 페이지에 배치됩니다. 나란히 나타나는 요소들에는 고유한 "순서"가 없습니다. 읽기 순서는 태그 구조를 통해 명시적으로 정의되어야 합니다. 디자인 도구에서 PDF를 만들 때 소프트웨어는 공간적 위치에 따라 읽기 순서에 대한 가정을 합니다. 이러한 가정은 종종 잘못됩니다.
복잡한 레이아웃은 특히 문제가 됩니다. 사이드바, 인용문, 다중 열 텍스트, 감싸인 이미지—이 모든 것은 읽기 순서에 대한 모호성을 만듭니다. 사이드바는 주요 콘텐츠 앞에서 읽어야 합니까, 아니면 뒤에서 읽어야 합니까? 인용문은 순서에 맞춰 읽어야 합니까, 아니면 건너뛰어야 합니까? 이미지 캡션은 이미지 바로 뒤에 읽어야 합니까, 아니면 주변 단락 다음에 읽어야 합니까? 보편적으로 올바른 답은 없지만, 콘텐츠에 맞는 의도된 선택이 있어야 합니다.
나는 간단한 테스트를 사용합니다: PDF를 일반 텍스트로 내보냅니다. 결과 텍스트가 일관되고 논리적 순서를 따른다면 읽기 순서는 아마도 올바른 것입니다. 만약 혼란스러운 말이 된다면, 작업이 필요합니다. 이 테스트는 시각적 표현에서는 완전히 보이지 않는 문제를 드러냅니다. 나는 연례 보고서에서 일반 텍스트 내보내기가 CEO 편지, 재무표 및 각주가 완전히 무작위로 나열된 것을 보았습니다.
읽기 순서를 수정하려면 시각적 레이아웃이 아니라 태그 구조에서 작업해야 합니다. Adobe Acrobat Pro에서는标签 패널과 순서 패널을 사용하여 콘텐츠를 수동으로 순서화해야 합니다. 이는 복잡한 문서에 대해 지루한 작업이 됩니다. 이것이 PDF 변환 전에 원본 문서 구조를 올바르게 만드는 것이 매우 중요한 이유입니다. Word 문서나 InDesign 파일에 올바른 구조가 있다면 PDF 변환이 그것을 보존할 수 있는 기회를 가집니다.
대체 텍스트: "그래프의 이미지"를 넘어서
모두가 PDF는 이미지에 대해 대체 텍스트가 필요하다는 것을 알고 있습니다. 하지만 대부분의 사람들은 내가 전문 문서에서 만나는 대체 텍스트의 90%가 기능적으로 쓸모없다는 것을 모릅니다. "그래프의 이미지." "데이터를 보여주는 차트." "회의 중인 사람들의 사진." 이러한 설명은 이미지가 존재한다는 것을 알려주지만, 그 내용이나 목적에 대한 정보는 전혀 전달하지 않습니다.
| 접근법 | 사람들이 생각하는 효과 | 실제 효과 | 접근성 영향 |
|---|---|---|---|
| "접근 가능한 PDF"로 내보내기 | 완벽하게 준수하는 문서 생성 | 적절한 구조 없이 기본 태그 추가 | 5-15% 준수 |
| 대체 텍스트만 추가하기 | 이미지를 접근 가능하게 함 | 이미지를 설명하지만 문서 구조는 무시함 | 20-30% 준수 |
| 높은 대비 색상 | 시각적 접근성 해결 | 일부 사용자에는 도움이 되지만 스크린 리더에는 효과 없음 | 10-25% 준수 |
| 수동 수정 | 시간 소모가 많고 비용이 많이 듦 | 태그, 읽기 순서, 의미를 적절하게 구조화함 | 85-98% 준수 |
| 자동화 도구 + 검토 | 빠른 수리 솔루션 | 명확한 문제를 포착하지만 맥락과 논리를 놓침 | 40-60% 준수 |
효과적인 대체 텍스트는 맥락과 목적을 이해하는 데 필요합니다. 이 이미지는 문서에 왜 있는 것인가요? 어떤 정보를 전달하나요? 시각적 독자는 이에서 무엇을 배울 수 있나요? 이 질문의 답변이 대체 텍스트가 무엇을 말해야 하는지를 결정합니다. 분기별 수익 성장 차트는 "네 개의 막대를 가진 막대 차트"라고 말하는 대체 텍스트가 필요하지 않습니다. "분기별 수익 증가"라고 말하는 대체 텍스트가 필요합니다.