자막 제공
동영상·오디오에 자막, 대본, 수어를 제공하는 방법. video의 track 요소로 자막을 넣는 코드, 대본을 함께 두는 방법, 자동 생성 자막을 그대로 쓸 때의 주의점을 정리했습니다.
마지막 수정
무엇을 요구하나요?
소리로 전달되는 정보가 있는 멀티미디어(동영상, 오디오)에는 소리를 듣지 못하는 사용자도 같은 내용을 얻을 수 있는 대체 수단이 있어야 합니다. 대체 수단은 자막, 대본(원고), 수어 중 콘텐츠에 맞는 것을 고릅니다.
| 콘텐츠 | 알맞은 대체 수단 |
|---|---|
| 말소리가 있는 동영상 | 자막 (가장 일반적), 필요하면 수어 |
| 오디오만 있는 콘텐츠 (팟캐스트, 녹음) | 대본 |
| 강의·발표 영상 | 자막 + 대본을 함께 두면 검색·복습에도 좋음 |
자막에는 대사뿐 아니라 누가 말하는지, 내용 이해에 필요한 소리(박수, 경고음, 음악 분위기 등)도 넣습니다.
자주 틀리는 예
1. 동영상에 자막 파일이 없음
<video src="intro.mp4" controls></video>
<video controls>
<source src="intro.mp4" type="video/mp4">
<track kind="captions" src="intro.ko.vtt" srclang="ko" label="한국어 자막" default>
</video>
자막 파일은 WebVTT(.vtt) 형식으로 만듭니다.
WEBVTT
00:00:01.000 --> 00:00:04.000
[진행자] 안녕하세요, 한빛상사 신제품을 소개합니다.
00:00:04.500 --> 00:00:06.000
[경쾌한 음악]
2. 오디오에 대본이 없음
<audio src="podcast-12.mp3" controls></audio>
<audio src="podcast-12.mp3" controls></audio>
<details>
<summary>12화 대본 보기</summary>
<p>[진행자 김한빛] 오늘은 웹접근성 인증 준비 과정을 이야기해 보겠습니다. …</p>
</details>
3. 자막이 영상 안에 이미지로만 들어 있음 (오픈 캡션)
영상에 글자를 입혀 넣은 자막은 끄거나 크기를 바꿀 수 없고 화면 낭독기로 읽을 수 없습니다. 오픈 캡션을 쓰더라도 대본을 함께 제공하면 좋습니다.
확인하는 방법
- 소리를 끄고 동영상을 처음부터 끝까지 보며, 자막만으로 내용을 모두 이해할 수 있는지 확인하세요.
- 자막이 말과 시간이 맞는지, 오탈자·누락이 없는지 확인하세요.
- 외부 플레이어(유튜브 등)를 쓰면 자막 켜기 버튼이 키보드로 동작하는지도 확인하세요.
이 항목은 콘텐츠를 직접 봐야 하므로 자동 검사로는 확인하기 어렵습니다. 수동 점검표에 결과를 기록해 두세요.
직접 점검해 보기
- 페이지 검사 — 확장 프로그램으로 열린 페이지에서 이 항목과 관련된 문제를 찾습니다
- 수동 점검표 — 33개 항목을 직접 확인하고 기록합니다
- 자주 틀리는 10개 항목 맛보기 점검표 — 무료 엑셀
자주 묻는 질문
유튜브 자동 생성 자막만 있으면 되나요?
자동 생성 자막은 고유명사·숫자·전문 용어가 틀리는 경우가 많습니다. 반드시 내용을 검수하고 고친 자막을 제공하세요.
소리가 없는 동영상에도 자막이 필요한가요?
말이나 의미 있는 소리가 없다면 자막은 필요 없습니다. 다만 화면에만 나오는 정보가 중요하다면 대체 텍스트나 설명을 함께 제공하는 것이 좋습니다.
함께 보면 좋은 항목
이 글은 셀프 점검을 돕는 안내이며 공식 해설이나 인증 심사 기준을 대신하지 않습니다. 정확한 기준은 한국형 웹 콘텐츠 접근성 지침 2.2 원문을 확인하세요.