本文へ移動
easeweb
ご相談
トピックを検索

字幕がない、または自動字幕だけのライブ配信

ソフトウェア会社が春のリリースをライブのウェビナーで配信していますが、字幕がないか、配信サービスの自動字幕だけで、数字を聞き違え、「対象外です」を「対象です」にしてしまいます。

WCAG 2.2
SC 1.2.4AA
必須とする規格
Section 508 · EN 301 549(EU) · JIS X 8341-3
問題あり <iframe src="…/embed/live_stream?channel=…">
アクセシビリティの問題を示した図: ろう:何を発表している?
01

問題

ライブ配信の音声が聞こえない人は発表の内容を受け取れず、自動字幕では数字を誤り、答えが逆になって届きます。

02

試してみる

ライブのウェビナーに参加して、ミュートにしてください。それでもゲスト席について何が発表されたか分かりますか?

話し手の声は端末の読み上げの声です。プレーヤーをミュートにすると、音声が聞こえない人と同じ状態で見られます。「問題1」のプレーヤーには字幕がありません。「問題2」では、CCで自動字幕をオンにし、何を聞き違えるか聞いてください。配信が終わると、話された内容が下に表示されます。修正を適用すると、字幕担当者の字幕がプレーヤーの中や横に表示されます。それぞれ全画面表示も試してください。

問題あり 修正できますか?

春のリリース、ライブ配信

木曜 16:00 UTC。約20分、最後に質問の時間があります。

LIVE
春のリリース
アレックス
プリヤ
LIVE

配信が終わると、話された内容がここに表示されます。音を消したときに届いた内容と比べてください。

再現デモです。「問題あり」は意図的にアクセシブルでない状態にしています。

03

修正方法

すべてのライブ配信に、最初の言葉から最後の質問まで、人がリアルタイムで字幕を付けます。

  1. 1話し声のあるライブ配信には、最初の言葉から最後の質問まで字幕を付ける。
  2. 2自動字幕だけでは足りず、人がリアルタイムで字幕を付ける。
  3. 3話し手が変わるたびに名前を示し、意味のある音は[]で書く。
修正前

字幕のないライブ配信

<h2>春のリリース、ライブ配信</h2><p>木曜 16:00 UTC。約20分、最後に質問の時間があります。</p><!-- Captions: none --><iframe src="https://www.youtube.com/embed/live_stream?channel=UC…"  title="春のリリース、ライブ配信" allow="fullscreen"></iframe>
修正後

字幕担当者の字幕を、プレーヤーの字幕として表示

<h2>春のリリース、ライブ配信</h2><p>木曜 16:00 UTC。約20分、最後に質問の時間があります。  字幕担当者によるライブ字幕付き:プレーヤーのCCでオンにできます。</p><!-- Captions: a live captioner, sent to the platform's captions input --><iframe src="https://www.youtube.com/embed/live_stream?channel=UC…"  title="春のリリース、ライブ配信" allow="fullscreen"></iframe>

AI コーディングアシスタントで修正しますか? このガイドを Markdown で取得、または全ガイドをコーディングエージェントで使う。

04

修正の確認

マウスを使わない5つの確認

確認方法: 音を消して視聴、キーボード

5件中0件を確認済み

OS、ブラウザーと支援技術のバージョン、ビルド、実施日、各手順の実際の結果を記録してください。配信サービス、会場、字幕担当者が変わると設定も変わるため、イベントごとに再度確認します。

制限

このサンプルは、どのアプリケーションでも同じ結果になることを保証するものではありません。ライブ字幕は話し声より数秒遅れ、字幕担当者も打ち間違えることがあるため、録画は修正が必要です。字幕がプレーヤーに届く仕組みは配信サービス、その契約、設定によって違い、変わることもあります。最新のドキュメントを確認し、字幕担当者とリハーサルしてください。できれば、字幕に頼る人と一緒にイベント全体を確認してください。

よくある問題を再現した学習用のサンプルです。実在のクライアントの診断結果ではありません。コードは出発点となる実装例のため、実際の製品でも確認してください。ここでは支援技術でのテスト結果は報告していません。

コードを更新しても、使いやすさを保つために

ガイドの内容を、コーディングエージェントやCIで使える開発ルールにまとめます。更新後は、キーボードとスクリーンリーダーで再テストし、問題が再発していないか確認します。

再テストの進め方