A11y Check

인식의 용이성

KWCAG 2.2 · 검사항목 2 · KS X OT0003 5.2.1

자막 제공 검사 방법

KWCAG 2.2 「자막 제공」 항목을 점검하는 방법입니다. 자동 검사가 일부를 잡아내지만, 나머지는 사람이 직접 확인해야 합니다.

어떤 기준에 해당하나요

한국 기준 (KWCAG 2.2)
검사항목 2 자막 제공
인식의 용이성 · KS X OT0003 5.2.1

어떻게 검사하나요

페이지 내 동영상·음성 콘텐츠를 재생하여 자막, 대본(원고) 또는 수어 중 하나 이상이 제공되는지 확인하세요. 자막이 음성 내용과 동기화되어 정확한지도 함께 확인합니다.

자동 검사로 잡히는 부분

이 항목은 3개 규칙으로 자동 판정합니다. 각 규칙에 위반 시 개선 방법이 붙어 있습니다.

  • 동영상에 자막이 없습니다 video-caption

    <video>에는 <track kind="captions">로 자막을 제공해야 합니다.

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

    자막 파일(WebVTT)이 없다면 대본(원고)이라도 페이지에 함께 제공하세요.

  • 오디오에 자막·대본이 없습니다 audio-caption

    <audio> 콘텐츠에는 대본(transcript) 또는 자막 트랙을 제공해야 청각장애 사용자가 내용을 알 수 있습니다.

  • 동영상에 자막 트랙이 없습니다 a11ychk:captions-track

    소리가 있는 동영상에는 청각장애 사용자를 위한 자막이 필요합니다. <video>에 <track kind="captions">를 추가하세요. 이미 별도(하드/외부) 자막이 있다면 통과이므로 직접 확인하세요.

    <video controls>
      <source src="intro.mp4" type="video/mp4">
      <track kind="captions" src="intro.ko.vtt" srclang="ko" label="한국어" default>
    </video>

내 사이트는 어떤지 확인해 보세요

주소만 넣으면 이 항목을 포함한 KWCAG 33항목을 한 번에 점검해 드립니다. 로그인 없이 한 페이지를 바로 검사해 볼 수 있습니다.

무료로 검사하기