Outlook メールに障碍のあるユーザーにアクセスできるように

Outlook メールに障碍のあるユーザーにアクセスできるように

注: 最新のヘルプ コンテンツをできるだけ早く、お客様がお使いの言語で提供したいと考えております。 このページは、自動翻訳によって翻訳されているため、文章校正のエラーや不正確な情報が含まれている可能性があります。 私たちの目的は、このコンテンツがお客様の役に立つようにすることです。 お客様にとって役立つ情報であったかどうかを、このページの下部でお知らせください。 簡単に参照できるように、こちらに英語の記事があります。

このトピックでは、障碍のある方がメール メッセージにアクセスできるようにするための手順を説明します。

6 月 9 日にリサーチ チーム オフサイトに関するメールの画像。 電子メールには、イベントのチラシ、写真を会議住所を含むが含まれています。

アクセシビリティを考慮してメールを作成すると、視覚障碍のある方がより簡単にメールを理解することができます。

Windows:Outlook メールのアクセシビリティを向上させるためのベスト プラクティス

次の表では、障碍のある方が使いやすい Outlook メールを作成するための重要なベスト プラクティスを示します。

修正する内容

修正が必要な理由

解決方法

すべてのビジュアルに代替テキストを含めます。

ビジュアル コンテンツには、画像、SmartArt グラフィック、図形、グループ、グラフ、埋め込みオブジェクト、インク、ビデオが含まれます。

代替テキストは、画面を見ることができない、画像や他のビジュアルで何が重要であるかを確認できないユーザーの役に立ちます。

代替テキストがないものを検索するには、アクセシビリティ チェックを使用します。

重要な情報を伝達する唯一の方法として、画像にテキストを使用するのは避けてください。 テキストを含む画像を使用する必要がある場合、文書内でそのテキストを繰り返します。 代替テキストで、画像について簡単に説明し、テキストがあることとその目的を説明します。

Office 365 で代替テキストをビジュアルに追加する

Office 2016 で代替テキストをビジュアルに追加する

意味のあるハイパーリンク テキストとヒントを追加します。

スクリーン リーダーを使用するユーザーは、リンクの一覧を調べることがあります。 リンクは、リンク先の情報を明確かつ正確に伝える必要があります。 たとえば、"ここをクリック" のようなテキストではなく、リンク先ページの完全なタイトルをリンクに使うようにします。

ヒント: また、ハイパーリンクを含むテキストや画像の上にカーソルを移動すると表示されるヒントを追加することもできます。

ハイパーリンク テキストとヒントを追加する

色が、情報を伝達する唯一の手段にならないようにしてください。

視覚障碍または色覚障碍のある方は、特定の色が伝える意味を取り損なう可能性があります。

たとえば、色覚障碍のある方が、色がわからない場合でも、リンクされたテキストがあることがわかるように、色が使用されたハイパーリンク テキストに下線を追加します。 見出しには、太字の追加または大きなフォントの使用を検討してください。

アクセシビリティの高いフォント書式を使用する

テキストと背景の色に十分なコントラストを付けます。

視覚障碍のある方を含む全員が見られるように、メール内のテキストは、ハイ コントラスト モードでも読みやすい必要があります。

たとえば、明るい色、または色スペクトルの反対側にある高コントラストの配色を使用します。 白黒の配色は、色覚障碍のある方にテキストと図形を区別しやすくします。

不足している色のコントラストを検索するには、アクセシビリティ チェックを使用します。

アクセシビリティの高いフォントの色を使用する

大きいフォントサイズ (11pt 以上) の san serif フォント、および十分な空白を使用します。

失読症のユーザーには、テキストの 1 行がその下の行に圧縮されるなど、ページのテキストが "一緒に浮遊している" ように見えます。 多くの場合にテキストが結合されたり歪んだりして見えます。

失読症のユーザーまたは視覚障碍のあるユーザーのために、読むことの負担が軽くなるようにします。 たとえば、Arial や Calibri などの使い慣れた sans serif フォントが役立つ場合があります。 すべて大文字にしたり、過剰な斜体または下線を使用したりしないでください。 文と文の間および段落間には、十分な空白を設けます。

アクセシビリティの高いフォント書式を使用する

文と文の間および段落間の空白を調整する

組み込みの見出しとスタイルを使用します。

タブの順序を保持して、スクリーン リーダーでメールを読みやすくするには、Outlook の論理的見出し順序と組み込みの書式設定のツールを使用します。

たとえば、規定された論理的順序で見出しを並べます。 見出し 3、見出し 1、見出し 2 という順序ではなく、見出し 1、見出し 2、見出し 3 という順序にします。 そして、小さな単位でメールの情報を整理します。 理想的には、各見出しに含まれる段落が 2、3 個だけになるようにします。

アクセシビリティの高いフォント書式を使用する

箇条書きスタイルを使用する

番号付きリストを使用する

単純なテーブル構造を使用し、列ヘッダー情報を指定します。

スクリーン リーダーは、表のセルをカウントすることによって、表内での位置を追跡します。 表が入れ子になっていたり、セルが結合または分割されていると、スクリーン リーダーはカウントがわからなくなり、その位置以降の表について有用な情報を提供できなくなります。 表に空白のセルがあると、スクリーン リーダーを使用しているユーザーは表にそれ以上何もないと誤解する可能性があります。

テーブルにはないセルの分割や結合されたセル、ネストされた表が含まれていることを確認するには、アクセシビリティ チェックを使用します。

また、スクリーン リーダーは行と列を識別するためにヘッダー情報を使用します。

テーブルに見出しを使用する

Office 365 で代替テキストをビジュアルに追加する

次の手順では、Office 365 で Outlook メール内のビジュアルに代替テキストを追加する方法について説明します。

注:  オーディオおよびビデオのコンテンツの場合は、代替テキストだけでなく、聴覚に障碍のあるユーザーのためにクローズド キャプションを追加します。

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

スクリーン リーダーがテキストを読み上げて、画像を見ることのできないユーザーに画像について説明することができるように、写真、スクリーンショット、アイコン、ビデオ、3D モデルなどの画像に代替テキストを追加します。

  1. 画像を右クリックします。

  2. [代替テキストの編集] を選択します。 文書の本文の右側に [代替テキスト] ウィンドウが開きます。

    選択した画像のコンテキスト メニュー
  3. 画像を見ることができないユーザーのために、画像とそのコンテキストを説明する 1 - 2 文を入力します。

    代替テキスト ウィンドウ

代替テキストを図形または SmartArt グラフィックに追加する

  1. 図形または SmartArt グラフィックを右クリックします。

    ヒント: 図形または SmartArt グラフィックの一部ではなく、全体を囲むフレーム内の任意の場所を右クリックする必要があります。

  2. [代替テキストの編集] を選択します。 文書の本文の右側に [代替テキスト] ウィンドウが開きます。

    図形のコンテキスト メニュー
  3. 図形または SmartArt グラフィックを見ることができないユーザーのために、図形または SmartArt グラフィックとそのコンテキストを説明する 1 - 2 文を入力します。

    図形の代替テキスト ウィンドウ

代替テキストをグラフに追加する

  1. グラフを右クリックします。

    ヒント: グラフの一部ではなく、全体を囲むフレーム内の任意の場所を右クリックする必要があります。

  2. [代替テキストの編集] を選択します。 文書の本文の右側に [代替テキスト] ウィンドウが開きます。

    グラフのコンテキスト メニュー
  3. グラフを見ることができないユーザーのために、グラフとそのコンテキストを説明する 1 - 2 文を入力します。

    グラフの代替テキスト ウィンドウ

Office 2016 で代替テキストをビジュアルに追加する

次の手順では、Outlook メール内のビジュアルに代替テキストを追加する方法について説明します。

注: [説明] フィールドにテキストのみを配置して、タイトルを空白のままにすることをお勧めします。 これにより、ナレーターを含むほとんどの主要なスクリーン リーダーで最適な操作性が得られます。 オーディオおよびビデオのコンテンツの場合は、代替テキストだけでなく、聴覚に障碍のあるユーザーのためにクローズド キャプションを追加します。

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

スクリーン リーダーがテキストを読み上げて、

画像を見ることのできないユーザーに画像について説明することができるように、写真、スクリーンショットなどの画像に代替テキストを追加します。

  1. 画像を右クリックします。

  2. [図の​​書式設定]、[レイアウトとプロパティ] の順に選択します。

  3. [代替テキスト] を選択します。

  4. 説明とタイトルを入力します。

    ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。

選択されている画像を説明する [図の書式設定] ウィンドウの [代替テキスト] 領域のスクリーンショット

代替テキストを SmartArt グラフィックに追加する

  1. SmartArt グラフィックを右クリックします。

  2. [オブジェクトの書式設定]、[図形のオプション]、[レイアウトとプロパティ] の順に選択します。

  3. [代替テキスト] を選択します。

  4. 説明とタイトルを入力します。

    ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。

選択されている SmartArt グラフィックを説明する [図形の書式設定] ウィンドウの [代替テキスト] 領域のスクリーンショット

代替テキストを図形に追加する

SmartArt グラフィック内の図形を含む図形に代替テキストを追加する

  1. 図形を右クリックします。

  2. [図形の書式設定]、[レイアウトとプロパティ] の順に選択します。

  3. [代替テキスト] を選択します。

  4. 説明とタイトルを入力します。

    ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。

選択されている図形を説明する [図形の書式設定] ウィンドウの [代替テキスト] 領域のスクリーンショット

代替テキストをグラフに追加する

  1. グラフを右クリックします。

  2. [グラフ エリアの書式設定]、[グラフの​​オプション]、[レイアウトとプロパティ] の順に選択します。

  3. [代替テキスト] を選択します。

  4. 説明とタイトルを入力します。

    ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。

選択されているグラフを説明する [図形の書式設定] ウィンドウの [グラフ] 領域のスクリーンショット

ハイパーリンク、テキスト、およびテーブルをアクセシビリティ対応にする

次の手順では、アクセシビリティの高い Outlook メール内のハイパーリンク、テキスト、および表を作成する方法について説明します。

ハイパーリンク テキストとヒントを追加する

  1. ハイパーリンクを追加するテキストを選択し、右クリックします。

  2. [リンク] を選択します。 選択したテキストは、 [表示文字列] ボックスに表示されます。 これがハイパーリンク テキストです。

  3. 必要に応じて、ハイパーリンク テキストを変更します。 [アドレス] ボックスに、リンク先の URL を入力します。

  4. [ヒント] ボタンを選択し、[ヒントのテキスト] ボックスにヒントを入力します。

ヒント: ハイパーリンクのリンク先のページのタイトルを正確な概要ページに含まれるものの場合、ハイパーリンク テキストに使用します。 たとえば、このハイパーリンク テキストがリンク先のページのタイトルと一致する:テンプレートと Office Online のテーマです。

[ハイパーリンクの挿入] ダイアログ ボックスのスクリーンショット

アクセシビリティの高いフォント書式を使用する

  1. テキストを選択します。

  2. [テキストの書式設定] タブを選択します。

  3. フォントの種類、サイズ、スタイル、および色のオプションが提供される [フォント] グループで、書式設定を選択します。

Outlook for Windows の形式のテキストのフォント] グループ

アクセシビリティの高いフォントの色を使用する

ハイコントラスト モードでテキストがうまく表示されるようにするには、フォントの色の自動設定を使用します。

  1. テキストを選択します。

  2. メッセージ_gt フォントの色を選択します。

  3. [自動] を選択します。

フォントの色の自動設定のスクリーンショット

箇条書きスタイルを使用する

箇条書きリストを作成するには、[箇条書き] ボタンを使用します。

  1. メール内の任意の場所にカーソルを置きます。

  2. [テキストの書式設定] タブを選択します。

  3. [段落] グループの [箇条書き] ボタンをクリックします。

  4. 箇条書きのリストには、各箇条書きの項目を入力します。

行頭段落文字スタイルのオプションのスクリーンショット

番号付きリストを使用する

一連のステップを作成するには、[段落番号] ボタンを使用します。

  1. メール内の任意の場所にカーソルを置きます。

  2. [テキストの書式設定] タブを選択します。

  3. [段落] グループの [段落番号] ボタンをクリックします。

  4. 一連のステップを入力します。

段落番号のスタイルのオプションのスクリーンショット

文と文の間および段落間の空白を調整する

文と文の間および段落間の空白を増やしたり減らしたりします。

  1. テキストを選択します。

  2. [テキストの書式設定] タブを選択します。

  3. [段落] グループで、グループの右下隅にあるダイアログ ボックス起動ツール] ボタンを選択します。 [段落] ダイアログ ボックスが開き、[インデントと行間隔] タブが表示されます。

  4. [行間隔] の、行間隔オプションを選択します。

[段落] ダイアログ ボックスのスクリーン​​ショット

テーブルに見出しを使用する

テーブルで見出し行を指定します。

  1. テーブル内の任意の場所にカーソルを置きます。

  2. テーブル デザイン] タブの [表のスタイル] で、[タイトル行] チェック ボックスを選択します。

  3. 列見出しを入力します。

Outlook for Windows の表のデザインのテーブル スタイル] グループ

アクセシビリティの高いメールを要求する

アクセシビリティの高いコンテンツの受信を希望していることを送信者に知らせます。

  1. Web 上で自分のアカウントに移動するには、Outlook で、[ファイル]、[情報] の順に選択してから、[アカウント設定] で、[このアカウントに Web を介してアクセスします] の下のリンクをクリックします。

  2. Outlook on the web で、[ユーザー補助設定] に移動するには、[ 設定アイコン ]、[メール]、[一般]、[ユーザー補助設定] の順に選択します。

  3. アクセシビリティの高いコンテンツを要求するには、[アクセシビリティに対応したコンテンツを送信するよう送信者に依頼する] チェック ボックスをオンにします。

関連項目

アクセシビリティ チェックでのアクセシビリティを向上させる

アクセシビリティ チェックのルール

Word 文書に障碍のあるユーザーにアクセスできるように

Excel ドキュメントに障碍のあるユーザーにアクセスできるように

PowerPoint プレゼンテーションに障碍のあるユーザーにアクセスできるように

Mac:Outlook メールのアクセシビリティを向上させるためのベスト プラクティス

次の表では、障碍のある方が使いやすい Outlook メールを作成するための重要なベスト プラクティスを示します。

修正する内容

修正が必要な理由

解決方法

すべてのビジュアルに代替テキストを含めます。

ビジュアル コンテンツには、画像、SmartArt グラフィック、図形、グループ、グラフ、埋め込みオブジェクト、インク、ビデオが含まれます。

代替テキストは、画面を見ることができない、画像や他のビジュアルで何が重要であるかを確認できないユーザーの役に立ちます。

代替テキストがないものを検索するには、アクセシビリティ チェックを使用します。

重要な情報を伝達する唯一の方法として、画像にテキストを使用するのは避けてください。 テキストを含む画像を使用する必要がある場合、文書内でそのテキストを繰り返します。 代替テキストで、画像について簡単に説明し、テキストがあることとその目的を説明します。

Office 365 for Mac で代替テキストをビジュアルに追加する

Office 2016 for Mac で代替テキストをビジュアルに追加する

意味のあるハイパーリンク テキストとヒントを追加します。

スクリーン リーダーを使用するユーザーは、リンクの一覧を調べることがあります。 リンクは、リンク先の情報を明確かつ正確に伝える必要があります。 たとえば、"ここをクリック" のようなテキストではなく、リンク先ページの完全なタイトルをリンクに使うようにします。

ヒント: また、ハイパーリンクを含むテキストや画像の上にカーソルを移動すると表示されるヒントを追加することもできます。

ハイパーリンク テキストとヒントを追加する

色が、情報を伝達する唯一の手段にならないようにしてください。

視覚障碍または色覚障碍のある方は、特定の色が伝える意味を取り損なう可能性があります。

たとえば、色覚障碍のある方が、色がわからない場合でも、リンクされたテキストがあることがわかるように、色が使用されたハイパーリンク テキストに下線を追加します。 見出しには、太字の追加または大きなフォントの使用を検討してください。

アクセシビリティの高いフォントの色を使用する

テキストと背景の色に十分なコントラストを付けます。

視覚障碍のある方を含む全員が見られるように、メール内のテキストは、ハイ コントラスト モードでも読みやすい必要があります。

たとえば、明るい色、または色スペクトルの反対側にある高コントラストの配色を使用します。 白黒方式は、色覚障碍のあるユーザーが色を区別するのに役立ちます。

不足している色のコントラストを検索するには、アクセシビリティ チェックを使用します。

アクセシビリティの高いフォント書式を使用する

大きいフォントサイズ (11pt 以上) の san serif フォント、および十分な空白を使用します。

失読症のユーザーには、テキストの 1 行がその下の行に圧縮されるなど、ページのテキストが "一緒に浮遊している" ように見えます。 多くの場合にテキストが結合されたり歪んだりして見えます。

失読症のユーザーまたは視覚障碍のあるユーザーのために、読むことの負担が軽くなるようにします。 たとえば、Arial や Calibri などの使い慣れた sans serif フォントが役立つ場合があります。 すべて大文字にしたり、過剰な斜体または下線を使用したりしないでください。 文と文の間および段落間には、十分な空白を設けます。

アクセシビリティの高いフォント書式を使用する

文と文の間および段落間の空白を調整する

見出しと組み込みのスタイルを使用します。

タブの順序を保持して、スクリーン リーダーでメールを読みやすくするには、Outlook の論理的見出し順序と組み込みの書式設定のツールを使用します。

たとえば、小さな単位でメールの情報を整理し、その上に見出しを追加します。 理想的には、各セクションに含まれる段落が 2、3 個だけになるようにします。

アクセシビリティの高いフォント書式を使用する

箇条書きスタイルを使用する

番号付きリストを使用する

単純なテーブル構造を使用し、列ヘッダー情報を指定します。

スクリーン リーダーは、表のセルをカウントすることによって、表内での位置を追跡します。 表が入れ子になっていたり、セルが結合または分割されていると、スクリーン リーダーはカウントがわからなくなり、その位置以降の表について有用な情報を提供できなくなります。 表に空白のセルがあると、スクリーン リーダーを使用しているユーザーは表にそれ以上何もないと誤解する可能性があります。

テーブルにはないセルの分割や結合されたセル、ネストされた表が含まれていることを確認するには、アクセシビリティ チェックを使用します。

また、スクリーン リーダーは行と列を識別するためにヘッダー情報を使用します。

テーブルに見出しを使用する

Office 365 for Mac で代替テキストをビジュアルに追加する

次の手順では、Office 365 for Mac で Outlook メール内のビジュアルに代替テキストを追加する方法について説明します。

注: 

  • オーディオおよびビデオのコンテンツの場合は、代替テキストだけでなく、聴覚に障碍のあるユーザーのためにクローズド キャプションを追加します。

  • Mac で右クリックを有効にするには、[システム環境設定] で [副ボタンのクリック] オプションを選択します。

ヒント: 適切な代替テキストを作成するを明確で簡潔な方法でコンテンツと画像の目的を伝えるために確認します。 代替テキストが短い文または 2 つ以上べき: ほとんどのいくつか慎重に選択した単語を実行します。 代替テキストとして配列を周囲のテキストのコンテンツを繰り返すまたは「のグラフィック」または「の画像」などの画像] を参照しているフレーズの使用されません。

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

  1. メールの画像を右クリックします。

  2. 代替テキスト] の編集] を選びます。

    Outlook for Mac のコンテキスト メニューの代替テキストを編集します。

    文書の本文の右側に [代替テキスト] ウィンドウが開きます。

  3. 画像とそのコンテキストを説明する 1 - 2 文を入力します。

    Outlook の画像に代替テキストを追加するための代替テキスト ウィンドウ

ヒント: 入力した単語にスペルチェックを適用し、修正するには、その単語を右クリックし、修正候補から選択します。

Office 2016 for Mac で代替テキストをビジュアルに追加する

スクリーン リーダーがテキストを読み上げて、画像を見ることのできないユーザーに対して画像について説明することができるように、写真、スクリーンショットなどの画像に代替テキストを追加します。

ヒント: 適切な代替テキストを作成するを明確で簡潔な方法でコンテンツと画像の目的を伝えるために確認します。 代替テキストが短い文または 2 つ以上べき: ほとんどのいくつか慎重に選択した単語を実行します。 代替テキストとして配列を周囲のテキストのコンテンツを繰り返すまたは「のグラフィック」または「の画像」などの画像] を参照しているフレーズの使用されません。

注: オーディオおよびビデオのコンテンツの場合は、代替テキストだけでなく、聴覚に障碍のある方のためにクローズド キャプションを含めます。

  1. 画像を右クリックします。

  2. [図の​​書式設定]、[レイアウトとプロパティ] の順に選択します。

  3. [代替テキスト] を選択します。

  4. 説明とタイトルを入力します。

    ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。

選択されている画像を説明する [図の書式設定] ウィンドウの [代替テキスト] 領域のスクリーンショット

ハイパーリンク、テキスト、およびテーブルをアクセシビリティ対応にする

次の手順では、アクセシビリティの高い Outlook メール内のハイパーリンク、テキスト、および表を作成する方法について説明します。

ハイパーリンク テキストとヒントを追加する

  1. ハイパーリンクを追加、テキストを右クリックし、[ハイパーリンク] を選択するテキストを選択します。 選択したテキストが、[表示文字列] ボックスに表示されます。 これがハイパーリンク テキストです。

  2. 必要に応じて、ハイパーリンク テキストを変更します。

  3. [アドレス] ボックスに、リンク先の URL を入力します。

  4. [ヒント] ボタンを選択し、[ヒントのテキスト] ボックスにヒントを入力します。

ヒント: ハイパーリンクのリンク先のページのタイトルを正確な概要ページに含まれるものの場合、ハイパーリンク テキストに使用します。 たとえば、このハイパーリンク テキストがリンク先のページのタイトルと一致する:テンプレートと Office Online のテーマです。

[ハイパーリンクの挿入] ダイアログのスクリーンショット

アクセシビリティの高いフォント書式を使用する

  1. テキストを選択します。

  2. [メッセージ] タブを選びます。

  3. フォントの種類、サイズ、スタイル、および色のオプションが提供される [フォント] グループで、書式設定を選択します。

[テキストの書式設定] タブのスクリーンショット

アクセシビリティの高いフォントの色を使用する

ハイコントラスト モードでテキストがうまく表示されるようにするには、フォントの色の自動設定を使用します。

  1. テキストを選択します。

  2. メッセージ_gt フォントの色を選択します。

  3. [自動] を選択します。

フォントの色の自動設定のスクリーンショット

箇条書きスタイルを使用する

箇条書きリストを作成するには、[箇条書き] ボタンを使用します。

  1. メール内の任意の場所にカーソルを置きます。

  2. [メッセージ] タブを選びます。

  3. [段落] グループの [箇条書き] ボタンをクリックします。

  4. 箇条書きのリストには、各箇条書きの項目を入力します。

使用可能な行頭段落文字スタイルのオプションのスクリーンショット

番号付きリストを使用する

一連のステップを作成するには、[段落番号] ボタンを使用します。

  1. メール内の任意の場所にカーソルを置きます。

  2. [メッセージ] タブを選びます。

  3. [段落] グループの [段落番号] ボタンをクリックします。

  4. 番号付きリストには、連続した各ステップを入力します。

使用可能な段落番号のスタイルのオプションのスクリーンショット

文と文の間および段落間の空白を調整する

文と文の間および段落間の空白を増やしたり減らしたりします。

  1. テキストを選択して右クリックし、[段落] を選択します。

    [段落] ダイアログ ボックスが開き、[インデントと行間隔] タブが表示されます。

  2. [行間隔] の、行間隔オプションを選択します。

[段落] ダイアログのスクリーン​​ショット

テーブルに見出しを使用する

テーブルで見出し行を指定します。

  1. テーブル内の任意の場所にカーソルを置きます。

  2. [テーブル デザイン] タブで、[見出し行] チェック ボックスをオンにします。

  3. 列見出しを入力します。

[見出し行​​] チェック ボックスのスクリーン​​ショット

関連項目

アクセシビリティ チェックでのアクセシビリティを向上させる

アクセシビリティ チェックのルール

Word 文書に障碍のあるユーザーにアクセスできるように

Excel ドキュメントに障碍のあるユーザーにアクセスできるように

PowerPoint プレゼンテーションに障碍のあるユーザーにアクセスできるように

iOS アプリ: アクセシビリティの高い Outlook メールを作成するためのベスト プラクティス

次の表では、障碍のある方が使いやすい iOS 版 Outlook メールを作成するための重要なベスト プラクティスを示します。

修正する内容

修正が必要な理由

解決方法

画像に代替テキストを含めます。

代替テキストは、画面を見ることができない、画像や他のビジュアルで何が重要であるかを確認できないユーザーの役に立ちます。

重要な情報を伝達する唯一の方法として、画像にテキストを使用するのは避けてください。 テキストを含む画像を使用する必要がある場合、文書内でそのテキストを繰り返します。 代替テキストで、画像について簡単に説明し、テキストがあることとその目的を説明します。

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

わかりやすいハイパーリンク テキストを追加します。

スクリーン リーダーを使用するユーザーは、リンクの一覧を調べることがあります。 リンクは、リンク先の情報を明確かつ正確に伝える必要があります。 たとえば、"ここをクリック" のようなテキストではなく、リンク先ページの完全なタイトルをリンクに使うようにします。

ハイパーリンク テキストを追加する

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

スクリーン リーダーが、画像を見ることができないユーザーに画像を説明するテキストを読むことができるように、写真、スクリーンショットなどの画像に代替テキストを追加します。

  1. 作成中のメールで、画像をダブルタップしてコンテキスト メニューを開きます。

  2. コンテキスト メニューで、[代替テキスト] ボタンをタップします。

  3. 説明を入力します。

    ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。

  4. テキストを追加して、ダイアログ ボックスを閉じるには、[OK] をタップします。

Outlook for iOS の画像の [代替テキスト] メニュー

ハイパーリンク テキストを追加する

スクリーン リーダーのユーザーが簡単にメールのリンクをスキャンできるように、わかりやすいハイパーリンク テキストを追加します。

  1. 作成中のメールで、ハイパーリンクを追加するテキストを選択します。

  2. コンテキスト メニューを開くには、選択したテキストをタップします。

  3. 必要に応じて、メニューの最後で、[リンクの追加] ボタンが表示されるまで [その他] ボタン をタップします。 [リンクの追加] ボタンをタップします。

  4. 必要に応じて、[テキスト] フィールドのハイパーリンク テキストを変更します。

  5. [リンク] フィールドに、リンク先の URL を入力します。

  6. ハイパーリンクを挿入するには、 [完了] ボタン をタップします。

ヒント: ハイパーリンクのリンク先のページのタイトルを正確な概要ページに含まれるものの場合、ハイパーリンク テキストに使用します。 たとえば、このハイパーリンク テキストがリンク先のページのタイトルと一致する:テンプレートと Office Online のテーマです。

[リンクの追加] メニューの画像

関連項目

アクセシビリティ チェックのルール

Word 文書に障碍のあるユーザーにアクセスできるように

Excel ドキュメントに障碍のあるユーザーにアクセスできるように

PowerPoint プレゼンテーションに障碍のあるユーザーにアクセスできるように

Android アプリ: アクセシビリティの高い Outlook メールを作成するためのベスト プラクティス

次の表では、障碍のある方が使いやすい Android 版 Outlook メールを作成するための重要なベスト プラクティスを示します。

修正する内容

修正が必要な理由

解決方法

画像に代替テキストを含めます。

代替テキストは、画面を見ることができない、画像や他のビジュアルで何が重要であるかを確認できないユーザーの役に立ちます。

重要な情報を伝達する唯一の方法として、画像にテキストを使用するのは避けてください。 テキストを含む画像を使用する必要がある場合、文書内でそのテキストを繰り返します。 代替テキストで、画像について簡単に説明し、テキストがあることとその目的を説明します。

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

わかりやすいハイパーリンク テキストを追加します。

スクリーン リーダーを使用するユーザーは、リンクの一覧を調べることがあります。 リンクは、リンク先の情報を明確かつ正確に伝える必要があります。 たとえば、"ここをクリック" のようなテキストではなく、リンク先ページの完全なタイトルをリンクに使うようにします。

ハイパーリンク テキストを追加する

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

スクリーン リーダーが、画像を見ることができないユーザーに画像を説明するテキストを読むことができるように、写真、スクリーンショットなどの画像に代替テキストを追加します。

  1. 作成中のメールで、画像をダブルタップしてコンテキスト メニューを開きます。

  2. コンテキスト メニューで、[代替テキスト] ボタンをタップします。

  3. 説明を入力します。

    ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。

  4. テキストを追加して、ダイアログ ボックスを終了する、[保存] をタップします。

Outlook for Android の代替テキスト] ダイアログ ボックス

ハイパーリンク テキストを追加する

スクリーン リーダーのユーザーが簡単にメールのリンクをスキャンできるように、わかりやすいハイパーリンク テキストを追加します。

  1. 作成中のメールで、ハイパーリンクを追加するテキストを選択します。 コンテキスト メニューが開きます。

  2. [リンクの追加] ボタンをタップします。

  3. 必要に応じて、[表示するテキスト] フィールドのハイパーリンク テキストを変更します。

  4. [リンク] フィールドに、リンク先の URL を入力します。

  5. ハイパーリンクを挿入するには、[保存] ボタンをタップします。

ヒント: ハイパーリンクのリンク先のページのタイトルを正確な概要ページに含まれるものの場合、ハイパーリンク テキストに使用します。 たとえば、このハイパーリンク テキストがリンク先のページのタイトルと一致する:テンプレートと Office Online のテーマです。

Outlook for Android のハイパーリンクのテキスト] ダイアログ ボックス

関連項目

アクセシビリティ チェックのルール

Word 文書に障碍のあるユーザーにアクセスできるように

Excel ドキュメントに障碍のあるユーザーにアクセスできるように

PowerPoint プレゼンテーションに障碍のあるユーザーにアクセスできるように

Web: アクセシビリティの高い Outlook メールのアクセシビリティを作成するためのベスト プラクティス

次の表では、障碍のある方が使いやすい Outlook メールを作成するための重要なベスト プラクティスを示します。

注: 現在、Outlook.office.com (Outlook on the Web) を更新中です。 一部のユーザーは既に新しい Outlook を使用していますが、それ以外のユーザーは更新が完了するまで従来のバージョンが既定の操作環境として表示されます。 詳細については、「新しい Outlook on the web に関するサポートを受ける」を参照してください。 このトピックの手順は新しい環境に適用されるため、従来の環境から新しい Outlook に切り替えることをお勧めします。 新しい Outlook に切り替えるには、右上隅に新しい Outlook内のスイッチを切り替えます。

修正する内容

修正が必要な理由

解決方法

すべてのビジュアルに代替テキストを含めます。

代替テキストは、画面を見ることができない、画像や他のビジュアルで何が重要であるかを確認できないユーザーの役に立ちます。

代替テキストがないものを検索するには、アクセシビリティ チェックを使用します。

重要な情報を伝達する唯一の方法として、画像にテキストを使用するのは避けてください。 テキストを含む画像を使用する必要がある場合、文書内でそのテキストを繰り返します。 代替テキストで、画像について簡単に説明し、テキストがあることとその目的を説明します。

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

わかりやすいハイパーリンク テキストを追加します。

スクリーン リーダーを使用するユーザーは、リンクの一覧を調べることがあります。 リンクは、リンク先の情報を明確かつ正確に伝える必要があります。 たとえば、"ここをクリック" のようなテキストではなく、リンク先ページの完全なタイトルをリンクに使うようにします。

アクセシビリティの高いハイパーリンクとテキストを作成する

色が、情報を伝達する唯一の手段にならないようにしてください。

視覚障碍または色覚障碍のある方は、特定の色が伝える意味を取り損なう可能性があります。

たとえば、色覚障碍のある方が、色がわからない場合でも、リンクされたテキストがあることがわかるように、色が使用されたハイパーリンク テキストに下線を追加します。 見出しには、太字の追加または大きなフォントの使用を検討してください。

アクセシビリティの高いフォント書式を使用する

アクセシビリティの高いフォントの色を使用する

テキストと背景の色に十分なコントラストを付けます。

視覚障碍のある方を含む全員が見られるように、メール内のテキストは、ハイ コントラスト モードでも読みやすくする必要があります。

不足している色のコントラストを検索するには、アクセシビリティ チェックを使用します。

たとえば、明るい色、または色スペクトルの反対側にある高コントラストの配色を使用します。 白黒の配色は、色覚障碍のある方にテキストと図形を区別しやすくします。

アクセシビリティの高いフォント書式を使用する

大きいフォントサイズ (11pt 以上) の san serif フォント、および十分な空白を使用します。

失読症のユーザーには、テキストの 1 行がその下の行に圧縮されるなど、ページのテキストが "一緒に浮遊している" ように見えます。 多くの場合にテキストが結合されたり歪んだりして見えます。

失読症のユーザーまたは視覚障碍のあるユーザーのために、読むことの負担が軽くなるようにします。 たとえば、Arial や Calibri などの使い慣れた sans serif フォントが役立つ場合があります。 すべて大文字にしたり、過剰な斜体または下線を使用したりしないでください。 文と文の間および段落間には、十分な空白を設けます。

アクセシビリティの高いフォント書式を使用する

組み込みの見出しとスタイルを使用します。

タブの順序を保持して、スクリーン リーダーでメールを読みやすくするには、Outlook の論理的見出し順序と組み込みの書式設定のツールを使用します。

たとえば、規定された論理的順序で見出しを並べます。 見出し 3、見出し 1、見出し 2 という順序ではなく、見出し 1、見出し 2、見出し 3 という順序にします。 そして、小さな単位でメールの情報を整理します。 理想的には、各見出しに含まれる段落が 2、3 個だけになるようにします。

アクセシビリティの高いフォント書式を使用する

箇条書きを使用する

番号付きリストを使用する

単純なテーブル構造を使用します。

スクリーン リーダーは、表のセルをカウントすることによって、表内での位置を追跡します。 表が入れ子になっていたり、セルが結合または分割されていると、スクリーン リーダーはカウントがわからなくなり、その位置以降の表について有用な情報を提供できなくなります。 表に空白のセルがあると、スクリーン リーダーを使用しているユーザーは表にそれ以上何もないと誤解する可能性があります。

テーブルにはないセルの分割や結合されたセル、ネストされた表が含まれていることを確認するには、アクセシビリティ チェックを使用します。

単純な表を挿入する

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

スクリーン リーダーがテキストを読み上げて、画像を見ることのできないユーザーに画像について説明することができるように、写真、スクリーンショットなどの画像に代替テキストを追加します。

  1. メールの作成中、メッセージの本文に画像を選択します。

  2. 書式設定] ツールバーを表示するには、必要に応じて Outlook on the Web で書式設定オプション] ボタンを表示します。 (スライド ショーの書式設定オプション) を選択します。

  3. ツールバーで、 Outlook on the Web で書式設定ツールバーの代替テキスト] ボタンを追加します。 (代替テキストを追加する画像) を選択します。

  4. 画像の説明を入力します。

Web 版 Outlook の [代替テキスト] ダイアログ。

アクセシビリティの高いハイパーリンクとテキストを作成する

次の手順では、アクセシビリティの高い Outlook メール内のハイパーリンク、テキスト、および表を作成する方法について説明します。

わかりやすいハイパーリンク テキストを追加する

リンク テキストとして URL を表示するのではなく、わかりやすいハイパーリンク テキストを入力します。

  1. メールを作成している場合、メッセージの本文にわかりやすいリンク テキストを入力します。

  2. リンク テキストを選択して、Ctrl + K キーを押します。 [リンクの挿入] ダイアログが表示されます。

  3. Web アドレス (URL)のテキスト フィールドでリンク先の URL を入力し、[ ok]をクリックします。

    Web 版 Outlook で [ハイパーリンク] ダイアログ。

リンクのプレビューを使用します。

Outlook.comまたはOutlook on the web電子メールに URL を追加するときに、または本文の URL を使用してメールを受信すると、リンク、サムネイル画像のタイトルと説明のリンクを含むリッチ プレビューが表示されます。 リンク プレビューによっては、既定でオンにします。

リンクのプレビューをオフにします。

  1. ページの最上部で、 [設定 Settings ] > [Outlook のすべての設定を表示]を選択。

  2. [設定] ウィンドウで、[メール]、[作成して返信] の順に選びます。

  3. [リンクのプレビュー] の [リンクのプレビューをオフにするには、[メールのプレビューのリンク] チェック ボックスをオフにします。

アクセシビリティの高いフォント書式を使用する

失読症の方または視覚障碍のある方がメールを読みやすいように、使い慣れたフォントの種類と大きいフォント サイズを使用します。

  1. テキストを選択します。

  2. 書式設定] ツールバーを表示するには、必要に応じて Outlook on the Web で書式設定オプション] ボタンを表示します。 (スライド ショーの書式設定オプション) を選択します。

  3. フォントの種類を変更するには、 Web 版 Outlook での [フォント] ボタン。 (フォント) を選択します。

  4. [フォント] メニューで、目的のフォントの種類を選択します。

    フォント] メニューの [Web 版 Outlook で開く。
  5. フォント サイズを変更するには、 Web 版 Outlook での [フォント サイズ] ボタン (フォント サイズ) を選択します。

  6. [フォント サイズ] メニューで、目的のサイズを選択します。

    フォント サイズ] メニューで、Web 版 Outlook で開く。

アクセシビリティの高いフォントの色を使用する

ハイコントラスト モードでテキストがうまく表示されるようにするには、フォントの色に黒を使用します。

  1. テキストを選択します。

  2. 書式設定] ツールバーを表示するには、必要に応じて Outlook on the Web で書式設定オプション] ボタンを表示します。 (スライド ショーの書式設定オプション) を選択します。

  3. ツールバーで、 Outlook on the Web でフォントの色] ボタン。 (フォントの色) を選択します。

  4. [フォントの色] メニューで目的の色を選択します。

    フォントの色] メニューの [Web 版 Outlook で開く。

箇条書きを使用する

箇条書きを作成して、テキストに構成を追加します。

  1. メール内の任意の場所にカーソルを置きます。

  2. 書式設定] ツールバーを表示するには、必要に応じて Outlook on the Web で書式設定オプション] ボタンを表示します。 (スライド ショーの書式設定オプション) を選択します。

  3. ツールバーで、 Outlook on the Web で書式設定ツールバーの [箇条書き] ボタン。 (行頭文字) を選択します。

  4. 箇条書きのリストには、各箇条書きの項目を入力します。

番号付きリストを使用する

番号付きリストを作成して、一連のステップにテキストを整理します。

  1. メール内の任意の場所にカーソルを置きます。

  2. 書式設定] ツールバーを表示するには、必要に応じて Outlook on the Web で書式設定オプション] ボタンを表示します。 (スライド ショーの書式設定オプション) を選択します。

  3. ツールバーで、 Web 版 Outlook で [リスト] ボタンを注文します。 (段落番号) を選択します。

  4. リストの各番号付きの項目を入力します。

単純な表を挿入する

表内に表を追加したり、セルを空のままにしたりすると、スクリーン リーダーを使ってメールを読むことが難しくなる場合があります。 スクリーン リーダーを使用して表、行、および列を識別しやすいように、単純な表を使用することを検討してください。

  1. メール内の任意の場所にカーソルを置きます。

  2. 書式設定] ツールバーを表示するには、必要に応じて Outlook on the Web で書式設定オプション] ボタンを表示します。 (スライド ショーの書式設定オプション) を選択します。

  3. ツールバーで、 Web 版 Outlook では、[表] ボタンを追加します。 (表の挿入) を選択します。

  4. 表の挿入グリッドで、行と列を追加する領域を選択します。

Web 版 Outlook で表を移動します。

関連項目

アクセシビリティ チェックでのアクセシビリティを向上させる

アクセシビリティ チェックのルール

Word 文書に障碍のあるユーザーにアクセスできるように

Excel ドキュメントに障碍のあるユーザーにアクセスできるように

PowerPoint プレゼンテーションに障碍のあるユーザーにアクセスできるように

障碍のある方向けのテクニカル サポート

Microsoft は、すべてのお客様に最適な操作性を提供することを目指しています。 障碍のある方、およびアクセシビリティに関してご質問がある方が技術サポートをご希望の場合は、Microsoft Disability Answer Desk までご連絡ください。 Disability Answer Desk サポート チームは、一般的なユーザー補助技術を駆使するトレーニングを受けており、英語、スペイン語、フランス語、および米語の手話でサポートを提供することができます。 お住まいの地域での連絡先の詳細については、Microsoft Disability Answer Desk サイトを参照してください。

政府機関、商用、または法人ユーザーの場合は、法人向け Disability Answer Desk までお問い合わせください。

Office のスキルを磨く
トレーニングの探索
新機能を最初に入手
Office Insider に参加する

この情報は役に立ちましたか?

ご意見をいただきありがとうございます。

フィードバックをお寄せいただき、ありがとうございます。Office サポートの担当者におつなぎいたします。

×