접근 가능한 콘텐츠 만들기

모든 사람이 쓸 수 있는 콘텐츠

🔄 Quick Recall: 이전 레슨에서 AI로 WCAG 준수를 감사하고 우선순위화된 개선 계획을 세우는 방법을 배웠어요. 이번에는 콘텐츠 측면에 AI를 적용해요: 사이트의 글, 이미지, 미디어를 모든 사람이 접근할 수 있게 만드는 거예요.

접근 가능한 콘텐츠는 세 가지 핵심 영역으로 나뉘어요: 이미지(대체 텍스트), 미디어(자막·트랜스크립트), 문서(구조·가독성). AI가 세 영역 모두에서 작업을 크게 가속화할 수 있어요 — 하지만 사람의 검토 없이는 완전하지 않아요.

AI 기반 대체 텍스트

좋은 대체 텍스트의 원칙

좋은 대체 텍스트는 이미지의 맥락적 의미를 전달해요, 시각적 설명이 아니라:

AI 대체 텍스트 워크플로

1. AI가 모든 이미지에 대한 초안 생성
2. 이미지를 네 카테고리(정보/장식/기능/복합)로 분류
3. 샘플 50-100개를 사람이 검토해 정확도 파악
4. 체계적 오류 교정 후 유사 이미지에 일괄 적용

✅ Quick Check: 장식 이미지에 빈 alt=““와 alt 속성 누락의 차이는? alt=““는 스크린 리더에 이미지를 무시하라고 알려줘요. alt 속성 누락은 많은 스크린 리더가 파일명(‘DSC_0847.jpg’)을 읽게 만들어요. 의도를 표현하려면 항상 alt=““를 사용하세요.

AI 자막과 트랜스크립트

콘텐츠 유형별 필요한 것

사전 녹화 영상:

• 자막 (모든 발화의 동기화된 텍스트)
• 오디오 설명 (시각적 행동의 내레이션)
• 트랜스크립트 (전체 텍스트 버전)

라이브 이벤트:

• 실시간 자막 (CART 또는 AI 보조)
• 수화 통역
• 시각적 커뮤니케이션 백업

팟캐스트/오디오:

• 전체 트랜스크립트
• 요약/쇼노트
• 검색 가능 텍스트 버전

AI 자막 모범 사례

AI 자막은 85-95% 정확도예요. 남은 5-15%가 핵심 콘텐츠에 집중돼요:

• 사람·기관 이름 (한국어 고유명사 포함)
• 기술 용어
• 숫자와 데이터
• 다중 화자
• 억양이나 사투리
• 배경 소음

모범 사례: AI 초안 → 사람이 정확성 검토 → 화자 식별 추가 → 비음성 오디오 설명 추가 ([박수], [음악], [전화벨])

접근 가능한 문서

핵심 원칙

1. 적절한 헤딩 구조: 스타일(크기, 굵기)이 아닌 시맨틱 헤딩 사용
2. 대체 텍스트: 정보 전달 이미지에 내보내기 전 추가
3. 실제 테이블: 헤더가 있는 마크업 테이블 (이미지 테이블 금지)
4. 읽기 순서: PDF의 시각적 레이아웃과 논리적 읽기 순서가 다를 수 있어요
5. 태그 지정: 모든 콘텐츠에 적절한 태그 (헤딩, 단락, 목록, 테이블)
6. 접근성 검사: Adobe Acrobat 내장 또는 AI 보정 도구

AI가 도울 수 있는 것

• 문서의 접근성 이슈 자동 스캔
• 태그 구조 수정 제안
• 이미지 대체 텍스트 초안 생성
• 읽기 수준 분석 및 단순화

핵심 정리

• AI 생성 대체 텍스트는 강력한 출발점이지만 게시 전 사람 검토 필수 — 맥락적 의미를 전달하는지 확인
• 이미지 네 카테고리(정보/장식/기능/복합)를 이해하는 게 올바른 대체 텍스트의 핵심
• AI 자막은 85-95% 정확하지만 중요 콘텐츠(고유명사, 숫자, 기술 용어)에서 오류가 집중돼 사람 검토 필요
• 문서 접근성은 처음부터 반영 — 나중에 추가하면 훨씬 어렵고 비용이 많이 들어요
• AI가 콘텐츠 접근성 작업을 70-80% 가속화하지만 품질 보장은 인간의 역할

Up next: 다음 레슨에서는 인지 접근성과 신경다양성 — ADHD, 난독증, 자폐 스펙트럼 사용자를 위한 디자인을 알아봐요.