자동 재생 금지

무엇을 요구하나요?

페이지에 들어왔을 때 소리가 자동으로 재생되지 않아야 합니다. 화면 낭독기 사용자는 자동으로 나오는 소리 때문에 화면 낭독기 음성을 들을 수 없고, 소리를 끄는 버튼을 찾기도 어렵습니다.

지침은 3초 미만의 소리는 허용하고, 3초 이상 재생되는 소리에는 멈춤·일시정지·음량 조절 같은 제어 수단을 함께 제공하도록 합니다. 자동으로 재생한다면 3초 안에 멈추거나, 지정된 키(예: Esc)를 누르면 멈추게 하세요. 가장 안전한 방법은 정지 상태로 두고 사용자가 원할 때 재생하는 것입니다.

자주 틀리는 예

1. 소리가 있는 동영상 자동 재생

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

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

배경 연출 때문에 자동 재생이 필요하면 음소거로 시작하고 조작 버튼을 보이게 합니다.

<video src="promo.mp4" autoplay muted loop playsinline controls></video>

2. 배경음악 자동 재생

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

<button type="button" id="bgm-toggle" aria-pressed="false">배경음악 켜기</button>
<audio src="bgm.mp3" id="bgm" loop></audio>

3. 외부 플레이어의 자동 재생 설정

유튜브 등 외부 플레이어를 넣을 때 주소에 autoplay=1이 있으면 소리가 자동으로 납니다. 자동 재생 설정을 빼거나 음소거(mute=1)로 시작하세요.

확인하는 방법

1. 페이지를 새로 열었을 때 소리가 나는지 확인하세요. 탭 전환·스크롤 후 재생되는 경우도 확인합니다.
2. 확장 프로그램 페이지 검사는 muted 없이 autoplay가 붙은 video·audio를 “확인 필요”로 찾아줍니다.
3. 소리가 난다면 Tab 몇 번 안에 정지 버튼에 도달할 수 있는지 키보드로 확인하세요.