키보드로 조작, 멋대로 재생 금지

KRDS BP-059 — 멀티미디어 콘텐츠 플레이어는 키보드로 조작할 수 있으며, 자동 재생이 되지 않게 하고 있다.

0. 들어가며 — 갑자기 영상 소리가 터지면

이번 625편은 멀티미디어 콘텐츠 플레이어는 키보드로 조작할 수 있으며, 자동 재생이 되지 않게 하라는 규칙입니다.

페이지를 열자마자 동영상·음악이 자동 재생되면 당황스럽죠. 그리고 마우스 없이 키보드만 쓰는 사용자가 플레이어를 조작 못 하면 안 되고요. BP-059는 두 가지 키보드 조작 + 자동재생 금지를 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 키보드 조작 + 자동재생 금지

BP-059 (기본 패턴 > 상세 정보 확인) “멀티미디어 콘텐츠 플레이어는 키보드로 조작할 수 있으며, 자동 재생이 되지 않게 하고 있다.”

멀티미디어 플레이어를 키보드로 조작 가능하게 하고, 자동 재생을 막으라는 뜻입니다.

정리: 플레이어를 키보드로 조작하게 하고 자동재생을 막아라. 이게 BP-059입니다.

2. 왜 키보드 조작 + 자동재생 금지인가

동영상·오디오 플레이어는 — 콘텐츠에서 흔히 쓰입니다. 이 플레이어의 — 조작성과 자동재생이 핵심입니다.

① 키보드 조작 가능.

플레이어에는 — 재생·일시정지·볼륨·탐색 같은 컨트롤이 있죠.

키보드로 못 쓸 때 컨트롤이 마우스로만 조작되면, 마우스를 못 쓰는 사용자(지체 장애·스크린 리더 사용자)는 영상을 재생·정지·조절할 수 없습니다. 콘텐츠를 통제하지 못하죠.

키보드 조작 보장 모든 컨트롤(재생/정지/볼륨/탐색/자막)을 키보드(Tab 이동, Enter/Space 실행)로 조작하게요. 포커스 표시도 명확히요(WCAG 2.1.1 키보드). 마우스 없이도 완전히 통제하게 합니다.

② 자동재생 금지.

페이지 로드 시 — 미디어가 자동으로 재생되는 걸 막습니다.

자동재생의 문제 페이지를 열자마자 동영상·음악이 자동 재생되면, 사용자가 깜짝 놀라고 당황합니다. 특히 소리가 갑자기 나면 조용한 환경(사무실·도서관)에서 곤란하죠. 스크린 리더 사용자는 자동 재생 소리가 스크린 리더 음성과 겹쳐 둘 다 못 듣습니다. 인지 장애 사용자에겐 예상치 못한 움직임·소리가 혼란을 주죠.

자동재생 막기 미디어를 사용자가 직접 재생(Play 누름)할 때만 재생되게 합니다. 자동 재생을 기본으로 하지 않죠. 부득이 자동재생이 필요하면(배경 영상 등) 소리는 끄고(muted), 즉시 정지할 수 있게 합니다(WCAG 1.4.2 오디오 제어).

WCAG 연계.

키보드 조작 — WCAG 2.1.1(키보드).

자동재생 음성 제어 — WCAG 1.4.2(오디오 제어, 3초 이상 자동 재생 소리는 정지·조절 수단 필수).

자동재생 깜빡임·움직임 — WCAG 2.2.2(일시정지·정지·숨김).

캐러셀 자동회전(CP-208·209)과 같은 정신. 캐러셀의 — 자동회전 정지 컨트롤(CP-209)과 같은 원리죠. 자동으로 움직 이는·재생되는 모든 것은 — 사용자가 멈추고 통제할 수 있어야 합니다.

이 규칙은 상세 정보 확인의 ’미디어 통제권’을 담당합니다 — 플레이어를 키보드로 조작하게 하고 자동재생을 막아(059), 모든 사용자가 미디어를 자기 의지로 통제하게 하죠.

정리하면 — 자동재생은 사용자를 놀라게 하고 스크린 리더와 겹치며, 키보드로 조작 못 하면 일부 사용자가 미디어를 통제 못 하므로, 플레이어를 키보드 조작 가능하게 하고 자동재생을 막아야 합니다.

3. 점검 / 개선

무엇을 점검하나

키보드 조작 — 재생·정지·볼륨·탐색 등 컨트롤이 키보드로 조작되는가.

자동재생 금지 — 페이지 로드 시 미디어가 자동 재생되지 않는가.

부득이 자동재생 — 필요 시 음소거 + 즉시 정지 수단이 있는가(WCAG 1.4.2).

개선 방향

모든 플레이어 컨트롤 키보드 조작(WCAG 2.1.1), 포커스 표시.

자동재생 기본 금지(사용자 직접 재생). 부득이하면 muted + 정지 수단.

4. 누가 담당하나 / 우리 사이트에 해당될까?

역할	책임
퍼블리셔/개발	플레이어 키보드·자동재생 설정
QA/접근성	키보드·자동재생 검증

기관 유형	BP-059 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (멀티미디어 사용 시)

웹접근성 의무 대상이며 멀티미디어를 쓰는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 재생·정지·볼륨·탐색 컨트롤이 키보드로 조작되나요?

□ 페이지 로드 시 미디어가 자동 재생되지 않나요?

□ 부득이 자동재생 시 음소거 + 즉시 정지 수단이 있나요?

❓ FAQ

Q1. 자동재생이 왜 문제인가요? 사용자를 놀라게 하고, 조용한 환경에서 곤란하며, 스크린 리더 음성과 겹쳐 둘 다 못 듣게 합니다. 사용자가 직접 재생하게 해야 하죠. Q2. 배경 영상도 자동재생 안 되나요? 부득이하면 음소거(muted) + 즉시 정지 수단을 둡니다(WCAG 1.4.2/2.2.2). 소리 나는 자동재생은 특히 피하죠. Q3. 키보드 조작은 어떻게 보장하나요? 모든 컨트롤을 Tab으로 이동, Enter/Space로 실행되게 하고 포커스를 표시합니다 (WCAG 2.1.1). 마우스 없이 완전히 통제하게요.

6. 마무리

BP-059의 메시지:

키보드로 조작, 멋대로 재생 금지 — 플레이어를 키보드 조작 가능하게 하고 자동재생을 막아라.

자동재생은 사용자를 놀라게 하고 스크린 리더와 겹치며, 키보드로 못 쓰면 일부가 통제 못 합니다. 키보드 조작 + 자동 재생 금지로 미디어 통제권을 주는 게 핵심이죠. 다음 편은 구조화 정보 시맨틱 마크업 — 상세 정보 확인 그룹의 마지막 입니다.

다음 편 예고 ▶ 「626. (BP-060) 본문을 구성하는 제목, 목록, 표 등 구조화된 정보는 적절한 시맨틱 요소로 제공하여 스크린 리더에서도 정보를 동등하게 인지할 수 있게 하고 있다.」

ViewCheck는 멀티미디어 플레이어의 키보드 조작과 자동재생 금지를 진단합니다.

📚 참고 출처

KRDS 기본 패턴 — 상세 정보 확인 가이드 — https://www.krds.go.kr/html/site/pattern/pattern_06.html

WCAG 2.1 SC 1.4.2 Audio Control / 2.1.1 Keyboard / 2.2.2 Pause, Stop, Hide — https://www.w3.org/WAI/WCAG21/Understanding/

KRDS #ViewCheck #공공웹사이트 #전자정부 #디지털정부 #웹접근성 #디자인시스템 #UIUX #UI컴포넌트 #웹표준

KRDS,ViewCheck,공공웹사이트,전자정부,디지털정부,웹접근성,디자인시스템,UIUX,UI컴포넌트,웹표준