5.2.1 자막 제공

요구 사항

멀티미디어 콘텐츠를 장애인도 동등하게 인식할 수 있도록 자막, 대본 또는 수어 중 한 가지 이상을 제공합니다. 가장 중요한 것은 원래 콘텐츠와 동등한 내용이어야 한다는 점이며, 가장 바람직한 방법은 오디오와 동기화된 폐쇄자막입니다.

• 자막: 재생할 때 자막을 화면에 표시할 수 있으면 준수한 것으로 봅니다. 자막은 음성(대사)과 동등해야 하며, 여러 언어로 제공하면 사용자가 고를 수 있습니다.
• 대본: 재생 과정에서 대본(시나리오)을 제공하는 경우도 준수한 것으로 봅니다.
• 수어: 비디오에 수어 화면을 겹쳐 녹화한 콘텐츠도 준수한 것으로 봅니다.

대사 없이 영상만 있는 경우에는 화면해설(텍스트, 오디오, 대본)을, 음성만 있는 경우에도 자막·대본·수어를 제공해야 합니다.

왜 필요한가요

청각장애인은 자막이나 수어가 없으면 음성 정보에 접근할 수 없습니다. 자막과 대본은 시끄러운 장소나 소리를 낼 수 없는 환경의 사용자, 외국어 학습자에게도 유용하고 내용 검색도 쉽게 해 줍니다.

도움받는 사용자

• 청각장애인
• 시청각 중복장애인(대본을 점자로 이용)
• 소리를 켤 수 없는 환경의 사용자
• 외국어·읽기 능력을 높이려는 사용자

적용 방법

HTML <video>는 <track kind="captions">로 WebVTT 자막을 연결합니다. 대본은 영상 바로 아래에 텍스트로 두거나 펼침 버튼으로 제공합니다.

<video controls>
  <source src="guide.mp4" type="video/mp4">
  <track kind="captions" src="guide.ko.vtt" srclang="ko" label="한국어 자막" default>
</video>
<details>
  <summary>영상 대본 보기</summary>
  <p>[안내원] 안녕하세요. 민원 신청 방법을 안내해 드리겠습니다. …</p>
</details>

WEBVTT

00:00:01.000 --> 00:00:04.000
안녕하세요. 민원 신청 방법을 안내해 드리겠습니다.

00:00:04.500 --> 00:00:07.000
[배경음악] 먼저 로그인 버튼을 누릅니다.

유튜브 등 외부 플레이어를 삽입할 때도 자막(자동 생성 자막이 아닌 검수된 자막)을 등록합니다. 효과음·화자 정보처럼 대사 외의 소리 정보도 자막에 포함하면 좋습니다.

사례

<video controls>
  <source src="intro.mp4">
  <track kind="captions" src="intro.vtt" srclang="ko" label="한국어">
</video>
<a href="intro-script.html">영상 대본</a>

<video src="promo.mp4" controls></video>

자주 하는 실수

• 검수하지 않은 자동 생성 자막만 제공해 내용이 원래 음성과 다릅니다.
• 자막이 음성과 맞지 않게 늦거나 일부 대사가 빠져 있습니다.
• 음성만 있는 팟캐스트·라디오 콘텐츠에 대본이 없습니다.
• 자막을 영상에 이미지로 박아 넣었지만 일부 구간에만 있습니다.

검사 방법

• 페이지의 모든 동영상·음성 콘텐츠를 찾아 자막, 대본, 수어 중 하나 이상이 있는지 확인합니다.
• 처음부터 끝까지 재생하며 대체수단이 음성 내용과 동등한지(빠진 대사가 없는지) 확인합니다.
• 대사 없는 영상에는 화면해설 또는 내용을 설명하는 텍스트가 있는지 확인합니다.
• 인증 심사에서는 전문가 심사와 장애인 사용자 심사로 확인하므로, 자동 검사 도구 결과만으로 준수를 판단하지 않습니다.

다른 지침의 대응 항목