アクセシビリティの高い画像とメディアを SharePoint Online サイトに追加する

オンラインの場合
Online の新しい操作環境

Microsoft 365 の SharePoint を使用すると、すべてのマルチメディアコンテンツの代替テキスト (代替テキストとも呼ばれます) を簡単に追加できます。代替テキストは、完全なドキュメントアクセシビリティの向上のためにまず使用する手段の 1 つです。これは、視覚障碍のあるユーザーが、イメージ、スクリーンショット、グラフ、ビデオなどのコンテンツを知るうえで役立ちます。聴覚障碍のあるユーザーは、ビデオファイルやオーディオファイルのコンテンツへのアクセスにテキストトランスクリプトを使用します。

画像に代替テキストを追加する

写真、画像、クリップアート、オーディオを使用する場合は、著作権を尊重する責任があります。イメージの場合、Bingのライセンスフィルターが役立ちます。

[編集] リボンを開き、[編集] モードにするには、編集するページで [編集] リンクを選びます。
画像を表示する場所にフォーカスを移動します。
[イメージのアップロード] ダイアログボックスを開くには、[挿入] タブで [画像] グループを開き、[コンピューターから] を選択します。

ヒント

イメージ URL に貼り付けることでインターネットから画像を挿入するには、[アドレスから] を選択します。 Microsoft 365 サイトで SharePoint から画像を挿入するには、[ SharePoint から] を選択します。
ファイルを選択し、Microsoft 365 サイトの SharePoint でコピー先フォルダーを選択し (既定では Site Assets フォルダー)、さまざまなイメージバージョンに関するメモを含めます。
画像を挿入して [ イメージ ] タブをアクティブにするには、[ OK] を選択します。

ヒント

[イメージ] タブは、イメージの選択時にのみ表示されます。
[イメージ] タブの [代替テキスト] ボックスに移動し、イメージの代替テキストを入力します。
作業が終了したら、[保存] をクリックします。

アクセシビリティに関するヒント

代替テキストは、簡潔かつわかりやすい必要があります。
適切な代替テキストは、その画像が重要な理由をリスナーに伝えます。

例や詳細情報へのリンクなど、代替テキストの詳細については、「 WebAIM 代替テキスト」ページを参照してください。

メディア Web パーツにビデオを追加する

ページにビデオを追加するたびに、コンテンツのキャプションおよびオーディオ説明を必ず含めてください。キャプションを使用すると、聴覚障碍のあるユーザーがコンテンツを知ることができるほか、また、ネイティブスピーカー以外のビデオの視聴者を支援できます。

聴覚障碍のあるユーザーがオーディオ録音にアクセスできるようにするには、トランスクリプトを作成し、オーディオファイルと共に使用できるようにします。

[編集] リボンを開き、[編集] モードにするには、ビデオを表示するページで [編集] リンクを選択します。
ビデオを表示する場所にフォーカスを移動します。
[メディアのアップロード] ダイアログボックスを開くには、[挿入] タブで [ビデオとオーディオ] グループを開き、[コンピューターから] を選択します。

ヒント

インターネットからファイルを挿入するには、[アドレスから] を選択して URL に貼り付けます。 Microsoft 365 サイトで SharePoint からオーディオまたはビデオを挿入するには、[ SharePoint から] を選択します。 YouTube や Vimeo などのサイトから埋め込みコードを追加するには、[埋め込み] を選択します。
ファイルを選択し、Microsoft 365 サイトの SharePoint の保存先フォルダー (既定では [サイト資産 ] フォルダー) を選択し、別のファイルバージョンに関する該当するメモを含めます。
メディアパーツ コンポーネント内にビデオを挿入し、[メディア] タブと[Web パーツ] タブをアクティブにするには、[OK] を選択します。

ヒント

[メディア] タブは、メディアファイルの選択時にのみ表示されます。
[Web パーツ ] タブを開き、[Web パーツのプロパティ] を選択します。 [ Media Web パーツ のプロパティ] ウィンドウが表示されます。
[タイトル] ボックスに、タイトルを入力します。
下にスクロールし、[詳細設定] パネルを開きます。
[説明] ボックスに、オーディオまたはビデオファイルの簡単な説明を入力します。
メディア Web パーツに変更を適用するには、最後までスクロールして [ 適用] を選択します。
完了したら、このページの変更を保存するには [保存] を選択します。

ページにオーディオファイルを埋め込む

次の手順では、Web ページに非常に小さくスリムなコントロールバーを配置する方法について説明します。このコントロールバーは、完全なメディアの Web パーツでは大きすぎる、ポッドキャストなどのオーディオファイルで最適に機能します。

オーディオファイルおよびトランスクリプトファイルを [サイトのリソースファイル] フォルダーにアップロードします。
1. [設定] メニューを開くには、右上隅にある [設定] アイコンを選択します。
2. [サイトコンテンツ] リンクを選択します。
3. [サイトのリソースファイル] フォルダーに移動します。
4. オーディオファイルとトランスクリプトファイルをフォルダーにドラッグします。
5. ファイルの URL を取得します。ファイル操作メニューを開くには、ファイル名の横にある省略記号を選択します。操作メニューからリンクをコピーして、別のファイルに貼り付けます。このリンクは、後でオーディオ埋め込みコードに必要になります。
[編集] リボンを開き、[編集] モードにするには、ビデオを表示するページで [編集] リンクを選択します。
ビデオを表示する場所にフォーカスを移動します。
[埋め込み] ダイアログボックスを開くには、[挿入] タブで [ビデオとオーディオ] グループを開き、[埋め込み] を選択します。
埋め込みコードをフィールドに貼り付けて、"src =" の後にオーディオファイルの URL を引用符で囲んで挿入します。
<audio src="your-audio-file-URL-here.mp3"controls="controls"></audio>
このコードにより、ページ上にメディアコントロールバーが配置されます。ユーザーはこのバーを使用して、再生を開始および停止できます。

ヒント

埋め込みコードが正しく書式設定されていないか、または存在しないファイルの場所をポイントしている場合、[挿入] ボタンはアクティブになりません。
完了したら、[ 挿入 ] を選択して、オーディオコントロールをページに配置します。埋め込まれたオーディオコントロールは、次のようになります。
オーディオコントロールスニペットの最後にフォーカスを移動します。次の行に移動するには、Enter キーを押します。
オーディオトランスクリプトファイルにリンクを挿入します。
1. [メディアの選択] ダイアログボックスを開くには、[挿入] タブで [リンク]、[SharePoint から] の順に選択します。
2. オーディオトランスクリプトファイルを選択し、Insert キーを押します。これにより、ファイルの名前がリンクのテキストとなるハイパーリンクが挿入されます。
3. リンク内のファイル名の最後の文字の直前に、フォーカスを移動します。 Backspace キーをゆっくり押して、ファイル名の最初と最後の文字を除くすべての文字を削除します。
  
  ヒント
  
  これにより、リンクはそのままの状態で、リンクのテキストを変更するために必要な正確な位置にカーソルを保持できます。
4. リンクに適切なテキストを入力します。たとえば、オーディオトランスクリプトの場合、「オーディオトランスクリプトを表示する」と入力します。
5. ファイル名の残りの文字を削除します。
完了したら、ページの上部にある [保存] をクリックして、すべての変更を保存します。