アクセシビリティ字幕のためのTikTok文字起こし

アクセシビリティ字幕が重要な理由

TikTok動画のコンテンツをウェブサイト、ブログ、学習プラットフォームで再利用する場合、アプリ内の元の字幕は引き継がれません。動画ファイルだけでは、耳の不自由な方向けのテキストによる代替手段がなく、音声をオフにして視聴する環境の視聴者にも対応できません。

WCAG 2.1 達成基準1.2.2では、同期メディア内の収録済み音声コンテンツに字幕が必要とされています。字幕ファイルなしでTikTokのクリップを再利用して掲載している場合、この基準を満たしません。解決策は、TikTokの字幕トラックを抽出し、VTTファイルとしてウェブ動画プレーヤーに設定することです。

必要なもの

• アクセス可能な字幕トラックを持つ公開TikTok動画URL
• TokCaptionアカウント — 無料登録
• <track>要素に対応したHTML5動画プレーヤー(ほとんどが対応)

ステップ1：字幕トラックを抽出

TikTokを開き、再利用する動画の共有リンクをコピーして、TokCaptionに貼り付けてください。文字起こしジョブを実行します。TokCaptionはアクセス可能な字幕トラックを抽出し、各セグメントの開始・終了タイムスタンプとともにテキストを表示します。

ステップ2：ウェブ用にVTTとしてエクスポート

エクスポート をクリックして VTT（WebVTT）を選択します。この形式は現代のすべてのブラウザーでネイティブにサポートされており、HTML5の <track> 要素で使用できます。エクスポートされたファイルには以下が含まれます：

• WEBVTT ヘッダー
• HH:MM:SS.mmm --> HH:MM:SS.mmm形式のタイムスタンプ字幕キュー
• 各セグメントの字幕テキスト

ワークフローでSRTが必要な場合（例：Webに公開する前にPremiere Proで編集する場合）は、SRTとしてエクスポートし、後でVTTに変換するか、両方をエクスポートしてください。

ステップ3：HTML5動画プレーヤーに接続

VTTファイルを動画ファイルと一緒にサーバーにアップロードします。動画プレーヤーのマークアップ内に<track>要素を追加してください：

<video controls> <source src="video.mp4" type="video/mp4" /> <track kind="captions" src="captions.vtt" srclang="en" label="English" default /> </video>

kind="captions"属性は、このトラックが翻訳字幕ではなく、アクセシビリティ目的の字幕を提供していることを支援技術に伝えます。

WCAG準拠の観点から字幕を確認する

TikTokの生の字幕トラックは正確な出発点になりますが、WCAGへの完全な準拠には追加の確認が必要になる場合があります：

• 読む速さ — どの字幕も1秒未満で画面から消えないこと、また表示時間内に読めない量の文字を含まないことを確認します。
• 1行の長さ — 読みやすさのため、1行は42文字以内に収めます。
• 話者の識別 — 複数の話者がいる場合は、該当する行の先頭に[ホスト]や[ゲスト]などのラベルを付けます。
• 音声以外の音 — 字幕トラックにまだ含まれていない場合は、[音楽が流れる]や[拍手]など、意味のある音に説明を加えます。

複数の動画をまとめて字幕化

サイトに再利用したTikTokクリップのシリーズ全体を埋め込む場合は、一括文字起こしワークフローを使って、1回のセッションですべての字幕トラックを抽出してください。それぞれをVTTファイルとして個別にエクスポートし、対応する動画プレイヤーに添付します。

アクセシビリティにおけるVTTとSRTの比較

VTT を使うのは次の場合です:

• HTML5プレーヤーでウェブ上に動画を公開する
• スタイル設定のオプションが必要な場合(VTTはCSS風のキューのスタイル設定に対応しています)
• プラットフォームがWebVTT形式を求めている場合(最近の多くのCMSやホスティングプラットフォーム)

SRTを使う場合：

• 最終公開前にデスクトップ動画編集ソフトで編集
• ホスティングプラットフォームがSRTを必須としている場合
• 公開前の最終工程としてVTTに変換する予定がある場合

関連ガイド

• TikTok文字起こしをSRT字幕ファイルに
• TikTokから字幕を抽出する方法
• TikTok字幕ダウンローダーツール

よくある質問