ARIA 접근성 가이드

WCAG 2.2 · 1. 인식의 용이성 · 1.2 시간 기반 미디어

1.2.2 자막(사전 녹화)

Captions (Prerecorded)

미리 녹화한 동영상 등 동기화된 미디어의 모든 오디오에 자막을 제공해야 합니다.

수준 AWCAG 2.0

한눈에 보기

성공 기준
1.2.2 자막(사전 녹화)
수준
수준 A
원칙
1. 인식의 용이성
지침
1.2 시간 기반 미디어
도입
WCAG 2.0

요구 사항

미리 녹화된 동기화된 미디어(소리와 영상이 함께 있는 콘텐츠)의 모든 오디오 콘텐츠에 자막을 제공합니다. 자막에는 대사뿐 아니라 화자 구분, 이해에 필요한 효과음(“[문 두드리는 소리]”), 음악 정보도 포함됩니다.

예외: 미디어가 텍스트의 미디어 대체물이고 그렇다고 명확히 표시된 경우에는 필요하지 않습니다.

왜 필요한가요

청각장애인이나 소리를 켤 수 없는 환경의 사용자는 자막 없이 영상의 대사와 소리 정보를 알 수 없습니다. 자동 생성 자막은 오류가 많아 그대로 두면 정보가 왜곡될 수 있습니다.

도움받는 사용자

  • 청각장애인
  • 난청이 있는 사용자
  • 인지·학습 장애가 있는 사용자
  • 소리를 켤 수 없는 환경의 사용자
  • 외국어 사용자

적용 방법

  • 켜고 끌 수 있는 닫힌 자막(closed caption)을 우선 사용합니다. HTML에서는 <track kind="captions">로 WebVTT 파일을 연결합니다.
  • 영상에 자막을 새긴 열린 자막(open caption)도 허용됩니다.
  • 자동 생성 자막을 쓰면 반드시 사람이 검수해 오타·누락·타이밍을 바로잡습니다.
HTML
<video controls src="intro.mp4">
  <track kind="captions" src="intro.ko.vtt" srclang="ko" label="한국어 자막" default>
</video>

사례

자막 트랙이 있는 동영상

권장HTML
<video controls>
  <source src="guide.mp4" type="video/mp4">
  <track kind="captions" src="guide.ko.vtt" srclang="ko" label="한국어">
</video>

자주 하는 실수

  • 검수하지 않은 자동 생성 자막만 제공합니다.
  • 대사만 자막으로 넣고 의미 있는 효과음·화자 정보를 빼먹습니다.
  • 자막이 음성과 어긋나 따라가기 어렵습니다.

검사 방법

  • 소리가 있는 모든 사전 녹화 영상을 찾습니다.
  • 자막을 켜고 소리를 끈 채 재생해 내용을 모두 이해할 수 있는지 확인합니다.
  • 자막의 정확성, 화자·효과음 표기, 음성과의 동기화를 확인합니다.

다른 지침의 대응 항목

참고 자료