상품 영상에 자막·대체 설명·재생 제어를 함께 넣는 법

영상이 설명하는 정보부터 적습니다

상품 영상은 움직이는 장면을 보여줄 수 있지만 재생 버튼 하나로 상세페이지의 설명이 완성되지는 않습니다. 소리를 끄고 보는 사람, 영상을 보기 어려운 사람, 필요한 장면만 다시 찾는 사람은 서로 다른 경로로 정보를 확인합니다. 영상 안에만 구성품이나 사용 조건을 남기면 그 경로 중 일부에서 핵심 내용이 사라질 수 있습니다. 먼저 영상이 전달하는 정보를 말, 소리, 화면의 동작, 화면 속 글자로 나누어 적습니다.

이 글에서는 가상의 수납 트레이 소개 영상을 예로 사용합니다. 실제 제품 영상이나 고객 성과 자료를 제공하는 글이 아니며 코드의 파일 이름과 시간은 설명용입니다. 트레이의 구성, 뚜껑을 여는 동작, 관리 안내를 소개한다고 가정하고 자막·본문 설명·재생 제어의 역할을 구분합니다. 영상이 있다는 사실만으로 사용법이나 안전 조건이 검증됐다고 표현하지 않습니다.

자막·대본·화면 설명은 같은 역할이 아닙니다

자막은 영상의 시간 흐름과 맞춰 음성 및 이해에 필요한 소리 정보를 텍스트로 전달합니다. 대본은 음성 내용을 문서로 읽고 찾을 수 있게 제공하는 방법이고, 화면의 중요한 시각 정보는 별도의 설명이 필요할 수 있습니다. W3C WAI의 자료는 자막, 대본, 시각 정보 설명을 각각 안내합니다. 여기서는 상품 소개라는 좁은 문맥에 맞춰 세 자료가 무엇을 보완하는지 비교합니다.

음성에 “이렇게 여세요”라고만 나오고 손의 방향이 중요한 장면이라면 그 말의 자막만으로 방향을 알기 어려울 수 있습니다. 대본에 같은 문장을 옮겼다고 화면 정보가 자동으로 전달되는 것도 아닙니다. 필요한 동작을 음성에서 설명하거나, 읽을 수 있는 상세 설명을 함께 제공하는 방식 등을 검토합니다. 어떤 접근성 요구사항이 적용되는지는 콘텐츠 유형과 목표 수준에 따라 확인해야 합니다.

장면별 정보 장부를 먼저 만듭니다

편집자는 장면 번호, 전달할 정보, 음성에 있는 내용, 화면에만 있는 내용, 필요한 자막과 본문 자료를 한 장부에 적을 수 있습니다. 이 표는 제작자가 빠뜨린 정보를 찾는 데 쓰는 설명용 양식입니다. 실제 영상에서 확인한 결과를 적는 칸과 계획 단계에서 필요한 자료를 적는 칸을 구분해야 합니다. 제작 계획을 실제 검수 결과처럼 공개하지 않습니다.

실제 상품에 적용할 때는 관리 방법과 치수의 근거를 따로 확인합니다. 영상 제작자가 보기 좋게 넣은 문장이나 일반적인 관리법을 제품 지침으로 취급하지 않습니다. 제조사가 확인한 자료, 제공하려는 옵션, 촬영한 제품의 상태가 같은지 대조해야 합니다. 이 글의 가상 트레이에는 실제 사양이나 사용 지침을 부여하지 않았습니다.

구성품을 보여주는 장면에는 기본 구성과 추가 선택 상품이 섞이지 않는지도 확인합니다. 영상에서 함께 나온 소품이 판매 구성에 포함된다고 오해할 수 있다면 본문에서 역할을 설명합니다. 작은 자막에만 조건을 넣고 실제 구성 목록은 생략하지 않습니다. 영상을 재생하지 않는 사람도 무엇이 제공되는지 판단할 수 있어야 합니다.

자동 자막은 검수의 출발점으로 사용합니다

자동으로 만든 자막에는 숫자, 단위, 제품명, 부정 표현이 잘못 들어갈 수 있습니다. 검수자는 음성과 자막을 같은 장면에서 비교하고 말의 의미가 달라지는 오류부터 수정합니다. W3C WAI의 자막 안내도 자동 결과를 정확성 확인 없이 충분한 자료로 취급하지 않도록 설명합니다. 파일을 생성했다는 사실과 내용이 정확하다는 사실을 구분하는 것이 중요합니다.

가상의 음성에 “관리 안내를 먼저 확인하세요”가 들어 있다고 가정하면 자막이 “관리 안내 없이 사용하세요”로 바뀌는 것은 의미가 반대가 된 오류입니다. 실제 상품 영상에서 이런 오류가 없는지 확인하고, 숫자와 단위가 함께 표시되는 문장은 제품 자료와도 대조합니다. 외국어로 옮긴 자막은 번역된 의미가 원문의 조건과 한계를 유지하는지도 별도로 검토해야 합니다.

발화가 끝났는데 자막이 늦게 나타나거나, 다음 동작과 앞 문장의 자막이 겹치면 어떤 장면을 설명하는지 혼동할 수 있습니다. 시작·끝 시간을 실제 영상과 맞춰 확인하고, 한 번에 표시되는 문장이 너무 길어 모바일에서 핵심 정보를 놓치지 않는지 봅니다. 특정 글자 수를 모든 언어와 화면에 적용하는 만능 기준으로 제시하지 않습니다.

자막 파일과 영상의 연결을 확인합니다

HTML의 track 요소는 영상 등에 텍스트 트랙을 연결하는 구조입니다. 다음은 파일 연결 관계를 설명하기 위한 코드이며 이 글에서 실제 영상이나 자막 파일을 배포하는 것은 아닙니다. captions와 언어 표기, 선택 메뉴의 이름을 구분하고 실제 제공할 파일의 주소와 응답을 확인해야 합니다. 상세 속성은 MDN track 문서를 참고할 수 있습니다.

<video controls poster="tray-poster.jpg">
  <source src="tray-demo.mp4" type="video/mp4">
  <track kind="captions" src="tray-ko.vtt"
    srclang="ko" label="한국어">
</video>

영상에 자막 메뉴가 보인다고 파일이 정상적으로 연결됐다는 뜻은 아닙니다. 메뉴에서 해당 언어를 선택한 뒤 실제 자막이 표시되는지, 필요한 구간에 빠진 문장이 없는지 확인합니다. 파일이 다른 도메인에 있다면 전송·접근 조건에 따라 연결 문제가 생길 수 있으므로 사용하는 플레이어와 환경에서 검수해야 합니다. 보안 보호를 끄고 오류를 숨기는 방식으로 해결하지 않습니다.

영상 파일을 새로 교체했다면 자막의 시간과 내용도 다시 확인합니다. 시작 장면을 늘리거나 일부 구간을 잘라낸 뒤 이전 자막 파일을 그대로 연결하면 시점이 어긋날 수 있습니다. 영상의 버전, 자막의 버전, 본문 대본의 버전을 같은 공개 기록에 연결해 어떤 자료를 함께 교체해야 하는지 남깁니다.

본문 설명에는 화면에만 있는 중요한 행동을 남깁니다

영상의 대본을 본문에 제공하면 독자가 설명을 읽고 필요한 부분을 찾기 쉬워집니다. 다만 음성만 옮겼다면 손의 방향, 표시된 조건, 구성품의 배치처럼 시각 정보가 빠질 수 있습니다. 시각 정보가 이해에 중요하다면 그 내용을 설명한 대본이나 다른 적절한 방식을 검토합니다. W3C WAI의 대본과 시각 정보 설명 안내에서 관련 방식을 비교할 수 있습니다.

가상의 장면을 “손이 뚜껑 앞쪽을 잡고 위로 들어 올립니다”처럼 설명할 수 있지만, 실제 영상에 그런 동작이 있는지 확인하지 않고 문장을 쓰지 않습니다. 안내 문장의 역할은 화면에서 일어나는 일을 정확하게 전달하는 것입니다. 내구성, 안전성, 사용 편의 같은 시험하지 않은 성능 평가를 장면 설명에 덧붙이지 않습니다.

화면에만 표시한 치수는 본문의 표에도 같은 단위로 남깁니다. 영상에서는 cm, 본문에서는 mm를 사용한다면 환산 관계와 값이 맞는지 확인합니다. 실제 사양이 바뀌었다면 영상 속 글자, 자막, 표, 옵션 이름을 함께 갱신해야 합니다. 영상이 오래된 상태로 남아 있는데 본문만 수정한 경우에는 서로 다른 정보가 전달될 수 있습니다.

소리·재생·자막을 사용자가 제어할 수 있는지 봅니다

재생 제어 검수는 마우스로 재생 버튼을 눌러보는 데서 끝나지 않습니다. 키보드로 플레이어에 접근하고 재생·일시정지·자막 선택 등 제공하는 기능을 사용할 수 있는지 확인합니다. 초점이 어디에 있는지 보이는지, 플레이어를 떠나 다른 본문 요소로 이동할 수 있는지, 작은 화면에서 컨트롤이 가려지지 않는지도 봅니다.

본문을 읽는 중 자동으로 소리가 나오면 사용자가 콘텐츠를 제어하기 어려울 수 있습니다. 영상의 목적과 재생 방식을 정하고 시작 전에 어떤 행동이 일어날지 알 수 있게 합니다. 특정 자동재생 설정 하나만으로 모든 브라우저의 동작이나 접근성 요구사항을 충족한다고 주장하지 않습니다. 실제 플레이어, 콘텐츠, 사용 환경을 함께 확인해야 합니다.

영상 아래에 고정 구매 버튼이 겹쳐 있다면 자막이나 재생 제어가 가려지는지도 확인합니다. 페이지를 움직이지 않아도 필요한 구간에서 영상의 정보와 버튼의 정보가 동시에 읽힐 수 있는지 봅니다. 콘텐츠를 빠르게 구매 행동으로 이어가려는 배치가 사용자의 재생·읽기 선택을 방해하지 않아야 합니다.

자막의 표시 크기와 위치를 조정할 수 있는 플레이어라면 조정 뒤에도 핵심 화면 정보가 남는지 검수합니다. 다만 사용자의 모든 설정을 한 번에 검증할 수 있다고 보지 않습니다. 검사한 환경과 설정을 기록하고, 조정 기능이 없거나 제약이 있다면 그 상태에서 제공되는 대체 정보가 무엇인지 확인합니다.

공개 승인에는 영상·자막·본문을 같이 묶습니다

공개 기록에는 영상 파일과 버전, 자막 언어와 파일, 본문 대본, 사양 표, 관련 옵션, 검수 환경을 적습니다. 영상 제작자에게만 “영상 승인”을 받고 자막과 상세페이지는 다른 버전으로 남는 상황을 피하기 위한 것입니다. 실제로 대조한 자료와 다음 담당자가 확인해야 할 항목을 분리해 보관합니다.

실제 검사자가 확인한 내용은 사용한 환경과 자료를 포함해 따로 기록해야 합니다. 영상과 자막이 정상 표시된다는 결과를 사용법 전체의 검증이나 구매 성과 개선으로 확대하지 않습니다.

영상 없이도 남는 설명을 마지막으로 확인합니다

영상을 재생하지 않은 상태에서 상품의 구성과 중요한 조건을 읽을 수 있는지 확인합니다. 소리를 끄고 영상만 볼 때는 음성이 전달하던 내용이 자막 등에 남는지, 화면을 보기 어려울 때는 중요한 시각 정보가 적절한 다른 방식으로 제공되는지 살펴봅니다. 서로 다른 읽기 경로를 분리해 보는 것이 핵심입니다.

모든 내용을 자막 한 줄에 넣으려고 하면 모바일에서는 정보가 더 복잡해질 수 있습니다. 시간에 맞춰 전달할 내용은 자막으로, 비교와 반복 확인이 필요한 값은 본문 표로, 장면의 중요한 시각 정보는 필요한 설명으로 나눕니다. 영상은 본문을 지우는 대체물이 아니라 같은 정보를 다른 방식으로 이해하도록 돕는 자료여야 합니다.

완료 기록에는 무엇을 확인했는지와 무엇을 확인하지 못했는지를 같이 남깁니다. 자동 자막 생성, 파일 연결, 실제 재생 검수, 제품 자료 대조는 다른 단계입니다. 각 단계가 끝났는지 확인하고 하나의 성공 표시로 묶어 다음 담당자가 잘못 이해하지 않도록 관리합니다.

참고 자료와 적용 범위

• W3C WAI: 자막 — 필요한 소리 정보와 정확성·시간 연결.
• W3C WAI: 대본 — 텍스트로 읽는 정보 제공.
• W3C WAI: 시각 정보 설명 — 화면의 중요한 내용을 다른 경로로 전달.
• MDN: track 요소 — 텍스트 트랙 연결 구조.

자료 대조일: 2026-09-13. 가상 트레이·장면 장부·파일 이름은 설명용입니다. 실제 제품 정보, 제공 영상, 고객 성과나 접근성 인증 결과가 아닙니다. 작성·운영: 오경연 / detailry. 정정·문의로 자료 보완을 요청할 수 있습니다.

함께 읽기: 이미지의 정보·기능 구분 · 본문에 남겨야 할 조건 안내.

장면별 자막과 화면 설명을 대조한 가상 검수표

영상 파일을 실제 재생한 결과가 아닌 설명용 장면 기록입니다. 시간은 편집 표의 작성 예시입니다.

자동 자막의 오탈자를 고쳐도 화면에서만 보여주는 정보가 남을 수 있습니다. 이 표는 음성과 자막의 일치, 소리의 의미, 시각 장면의 설명을 서로 다른 수정 대상으로 나눕니다. 수정 파일을 연결한 뒤 시작·종료 시각과 화면을 다시 대조하고 자막 표시를 끈 상태에서도 본문 설명으로 필요한 절차를 찾을 수 있는지 확인합니다. 실제 상품의 안전한 조작은 제조사 원자료로 별도 확인해야 합니다.