ARIA 접근성 가이드

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

1.2.1 오디오 전용 및 비디오 전용(사전 녹화)

Audio-only and Video-only (Prerecorded)

미리 녹음한 오디오만 있는 콘텐츠에는 대본을, 소리 없는 비디오만 있는 콘텐츠에는 대본이나 음성 트랙을 제공해야 합니다.

수준 AWCAG 2.0

한눈에 보기

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

요구 사항

미리 녹음·녹화된 콘텐츠 가운데 다음 두 종류에 대체 수단을 제공합니다.

  • 오디오 전용(팟캐스트, 음성 안내 등): 같은 정보를 담은 시간 기반 미디어 대체 수단(대본, transcript)을 제공합니다.
  • 비디오 전용(소리 없는 애니메이션, 무음 시연 영상 등): 대본을 제공하거나, 같은 정보를 전하는 오디오 트랙을 제공합니다.

예외: 오디오나 비디오가 이미 페이지에 있는 텍스트의 미디어 대체물이고 그렇다고 명확히 표시되어 있으면(예: “아래 글을 읽어 주는 음성입니다”) 별도 대체 수단이 필요 없습니다.

왜 필요한가요

청각장애인은 오디오만으로 된 정보를 들을 수 없고, 시각장애인은 소리 없는 영상의 내용을 알 수 없습니다. 대본은 두 경우 모두를 해결하고, 점자정보단말기로도 읽을 수 있어 시청각장애인에게도 유일한 접근 수단이 됩니다.

도움받는 사용자

  • 청각장애인
  • 시각장애인(화면낭독기 사용자)
  • 시청각장애인(점자정보단말기 사용자)
  • 인지·학습 장애가 있는 사용자

적용 방법

  • 오디오 전용 콘텐츠 바로 옆에 대본(말한 사람, 내용, 중요한 효과음 포함)을 텍스트로 제공하거나 대본 페이지로 연결합니다.
  • 비디오 전용 콘텐츠에는 화면에서 일어나는 일을 순서대로 설명한 텍스트를 제공하거나, 그 내용을 말로 설명하는 오디오 트랙을 넣습니다.
HTML
<figure>
  <audio controls src="episode-12.mp3"></audio>
  <figcaption>접근성 팟캐스트 12화 <a href="episode-12-transcript.html">대본 보기</a></figcaption>
</figure>

자주 하는 실수

  • 팟캐스트나 음성 공지에 대본을 제공하지 않습니다.
  • 무음 제품 시연 영상에 아무 설명도 제공하지 않습니다.
  • 대본에 화자나 내용 일부만 담아 오디오와 정보가 같지 않습니다.

검사 방법

  • 미리 녹음된 오디오 전용·비디오 전용 콘텐츠를 모두 찾습니다.
  • 각 콘텐츠에 대본(또는 비디오 전용이면 오디오 트랙)이 있는지 확인합니다.
  • 대체 수단이 원본과 같은 정보를 담고 있는지 재생하며 대조합니다.

다른 지침의 대응 항목

참고 자료