5.4.2 자동 재생 금지

요구 사항

웹 페이지에서 자동으로 재생되는 소리(동영상, 오디오, 음성, 배경 음악 등 콘텐츠가 내는 모든 소리)가 화면낭독기 사용자를 방해해서는 안 됩니다. 3초 미만의 소리는 허용하며, 3초 이상 재생되는 소리는 멈춤·일시정지·음량 조절 같은 제어 수단을 함께 제공해야 합니다.

• 자동 재생을 허용하는 경우: 자동 재생 소리는 3초 안에 멈추거나, 지정된 키(예: Esc)를 누르면 멈추도록 구현합니다.
• 사용자 요구에 의한 재생: 멀티미디어는 정지 상태로 제공하고, 사용자가 요구할 때만 재생되도록 제어판을 제공합니다.

플랫폼은 콘텐츠 배경음의 음량을 조절하더라도 화면낭독기 음량에 영향을 주지 않아야 합니다.

KWCAG 2.1의 해당 항목: 5.3.4 자동 재생 금지(5.3 명료성 지침)

왜 필요한가요

페이지가 열리자마자 소리가 나면 화면낭독기 음성과 겹쳐 사용자는 아무것도 들을 수 없고, 정지 버튼을 찾는 것조차 어렵습니다.

도움받는 사용자

• 시각장애인(화면낭독기 사용자)
• 주의집중에 어려움이 있는 사용자
• 청각 과민이 있는 사용자

적용 방법

autoplay를 쓰지 않는 것이 가장 확실합니다. 배경 영상 등으로 자동 재생이 꼭 필요하면 muted로 소리를 끄고, 재생·정지 버튼을 키보드로 쓸 수 있게 둡니다.

<!-- 소리 없는 배경 영상 + 정지 버튼 -->
<video autoplay muted loop playsinline aria-hidden="true" id="bg-video" src="hero.mp4"></video>
<button type="button" id="bg-toggle" aria-pressed="false">배경 영상 정지</button>

사례

<video controls preload="metadata" src="news.mp4"></video>

<audio src="bgm.mp3" autoplay loop></audio>

자주 하는 실수

• 메인 페이지 홍보 영상이 소리와 함께 자동 재생됩니다.
• 배경 음악이 반복 재생되고 끄는 버튼이 페이지 맨 아래에 있습니다.
• 자동 재생 영상의 정지 버튼이 키보드로 접근되지 않습니다.

검사 방법

• 페이지를 열었을 때 소리가 자동으로 나는지 확인합니다.
• 소리가 난다면 3초 안에 멈추는지, 아니면 쉽게 찾을 수 있는 정지 수단(또는 Esc)이 있는지 확인합니다.
• 화면낭독기를 켠 상태에서 자동 재생 소리가 낭독을 방해하지 않는지 확인합니다.

다른 지침의 대응 항목