ウェブサイトのアクセシビリティを向上させるには 1 クリック – 100万人以上から信頼されています 80,000 世界中のウェブサイト

WordPress 動画にアクセシブルなキャプションを追加する方法

「WP1」のシャツを着た笑顔の女性が、最高のアクセシビリティ対応WordPressプラグイン、無料のWordPressアクセシビリティプラグイン、そしてアクセシビリティを向上させるためのトップクラスのWPアクセシビリティプラグインを宣伝している。
投稿者

マレーネ・フィクナー

アップロード先

2025 年 1 月 6 日

無料のアクセシビリティチェックリスト
最も重要なアクセシビリティ チェックを記載した無料のチェックリストを入手してください。

WordPress動画にキャプションを追加することで、聴覚障がい者を含むすべてのユーザーのアクセシビリティを確保できます。アクセシブルなキャプションは、ユーザーエクスペリエンスを向上させるだけでなく、サイトのアクセシビリティ基準への準拠を強化し、SEO効果も高めます。このガイドでは、WordPressで動画にアクセシブルなキャプションを追加する手順を詳しく説明します。

アクセシビリティにおいてキャプションが重要な理由

キャプションは、動画内の音声をテキストで書き起こし、より多くの視聴者に視聴してもらうための機能です。主なメリットは以下のとおりです。

  • 包含性: 聴覚障害のあるユーザーがビデオコンテンツを理解できるようにします。
  • SEOブースト: 検索エンジンはキャプションをインデックス化できるため、コンテンツの発見可能性が向上します。
  • 強化されたユーザーエクスペリエンス: 静かな環境でビデオを視聴するユーザーに価値を提供します。

キャプションを追加するためのステップバイステップガイド

ステップ1:動画のキャプションを作成する

WordPressに動画をアップロードする前に、WebVTT(.vtt) または SRT (.srt)。ツール 苦味薬 or 回転 キャプションを簡単に作成できます。

ステップ2:WordPressにビデオをアップロードする

WordPressダッシュボードにログインし、 メディア>新規追加 動画ファイルをアップロードします。アップロードしたら、後で使用するために動画のURLをコピーしてください。

ステップ3: キャプションファイルをアップロードする

同様に、キャプションファイル(.vtt or .srt)をWordPressメディアライブラリに追加します。アップロードしたキャプションファイルのURLをコピーします。

ステップ4:キャプション付きのビデオを埋め込む

WordPressのブロックエディターまたはショートコードを使用して、動画とキャプションを埋め込みます。以下は、 <video> HTML 要素:

お使いのブラウザはビデオタグをサポートしていません。

ステップ5:ビデオプラグインを使用して機能を追加する

さらなるカスタマイズと使いやすさのために、次のようなキャプション サポートが組み込まれた WordPress ビデオ プラグインの使用を検討してください。

アクセシブルなキャプションのベストプラクティス

  • 正確性を確保する: キャプションは、話された言葉や重要な音声ヒントを正確に表す必要があります。
  • 説明的なラベルを使用します。 背景音の説明(例:[拍手]、[音楽の再生])を含めます。
  • 同期タイミング: キャプションがビデオの再生と同期していることを確認します。
  • キャプションをテストする: 正確性と使いやすさを確認するには、字幕を有効にしてビデオを再生します。

ケーススタディ:字幕作成の成功事例

ケーススタディ1:オンラインコースプラットフォーム

オンライン学習プラットフォームでは、すべてのコース ビデオに字幕を追加した結果、学生の満足度が 30% 増加し、コース修了率も向上しました。

ケーススタディ2: 非営利団体

ある非営利団体はプロモーション ビデオにキャプションを導入し、より幅広い視聴者にリーチし、エンゲージメントを 20% 増加させました。

よくある質問: WordPress動画にキャプションを追加する

キャプションにはどのようなファイル形式がサポートされていますか?

一般的なフォーマットにはWebVTT(.vtt) および SRT (.srt)、どちらもビデオ プレーヤーで広くサポートされています。

WordPress に埋め込まれた YouTube または Vimeo の動画にキャプションを追加できますか?

はい、YouTube または Vimeo にキャプションを直接アップロードすることができ、WordPress サイトにビデオを埋め込むときに表示されます。

キャプションと字幕は同じですか?

キャプションには音声による説明や効果音が含まれますが、字幕は通常、会話のテキスト翻訳です。

WordPress でキャプションを追加するにはプラグインが必要ですか?

いいえ、HTML を使用してキャプションを手動で追加することはできますが、プラグインを使用すると追加機能と使いやすさが向上します。

キャプションのアクセシビリティをテストするにはどうすればいいですか?

字幕を有効にしてビデオを再生し、字幕が同期され、正確で、読みやすいことを確認します。

このブログは情報提供のみを目的としており、法的助言を構成するものではありません。コンテンツの正確性、完全性、または適用性について、いかなる表明または保証も行いません。アクセシビリティ要件は、法域およびユースケースによって異なる場合があります。法律で認められる範囲において、提供される情報に依拠したことから生じるいかなる責任も負いません。 

関連記事
包括的かつアクセスしやすい Web サイトを構築するための、2024 年のトップ無料 WordPress アクセシビリティ ツールを紹介するグラフィック。

2026 年のベスト無料 WordPress アクセシビリティ ツール

デジタル環境が進化するにつれ、アクセシビリティの重要性はますます高まっています。…

多言語 WordPress サイトのアクセシビリティを最適化する方法

多言語 WordPress サイトでのアクセシビリティを確保することは、包括的な Web エクスペリエンスを実現するために不可欠です。

WordPress でアクセシブルな画像カルーセルを作成する方法

画像カルーセルは、WordPress の魅力を高めることができる視覚的に魅力的な要素です。

サードパーティの WordPress テーマのアクセシビリティの問題を修正する方法

サードパーティの WordPress テーマには印象的なデザインが付属していることが多いですが、アクセシビリティ機能が組み込まれていない場合があります。…

WordPress メニューにスキップナビゲーションリンクを追加する方法

WordPressサイトのアクセシビリティを向上させるには、スキップナビゲーションリンクが不可欠です。スキップナビゲーションリンクを使用すると…

WordPress ブログ投稿のアクセシビリティを確保する方法

ブログ投稿のアクセシビリティにより、コンテンツがすべての人に包括的かつ使用可能になります。

Elementor でアクセシブルなフォームをデザインする方法

Elementor でアクセス可能なフォームを作成すると、障害のあるユーザーも含め、すべてのユーザーが…

ステップバイステップ: WooCommerce のアクセシビリティ問題の修正

WooCommerce はオンライン ストアを作成するための人気のプラットフォームですが、アクセシビリティを確保することは…

今すぐサイトのアクセシビリティを向上させましょう

80,000以上のウェブサイトで信頼されている、ヨーロッパ製。OneTapはWordPressのアクセシビリティプラグインNo.1です。たった1分でアクセシビリティを向上できます。コーディングは不要です。
1
パッケージを選択してください
2
プラグインのダウンロード
3
1クリックでインストール
完成しました
1
パッケージを選択
2
プラグインのダウンロード
3
インストールを開始する
完成しました
WordPressのアクセシビリティに関する無料チェックリスト。最適なアクセシビリティ対応WordPressプラグイン、無料のWordPressアクセシビリティプラグイン、ウェブサイト改善のためのアクセシビリティ対応WordPressプラグインのヒントなどを掲載しています。
WordPress用無料アクセシビリティチェックリスト

ほとんどの WordPress サイトが抱える問題点とその修正方法。 WordPress サイトでよくあるアクセシビリティの問題を特定するための実用的なステップバイステップのチェックリストを入手してください。