アクセシビリティの高い Outlook メールを作成する

Office アクセシビリティ センター > Windows 10 の Outlook とメールのアクセシビリティ サポート

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

6 月 9 日のリサーチ チーム オフサイトについてのメールのイメージこのメールには、写真と会議場の住所を含むイベント広告が含まれています。

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

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

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

修正する内容

修正が必要な理由

解決方法

すべてのビジュアルと表に代替テキストを設定します。

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

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

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

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

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

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

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

代替テキストをテーブルに追加する

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

代替テキストをビジュアルとテーブルに追加する

次の手順では、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 行目に入れ、できるだけ簡潔にします。

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

代替テキストをテーブルに追加する

  1. テーブルを右クリックします。

  2. [テーブル プロパティ] を選択します。

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

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

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

選択されているテーブルを説明する [テーブルのプロパティ] ダイアログ ボックスの [代替テキスト] タブのスクリーンショット

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

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

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

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

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

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

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

ヒント: ハイパーリンクのリンク先のページのタイトルがページの内容の概要を正確に表している場合は、それをハイパーリンク テキストに使用します。たとえば、次のハイパーリンク テキストは、リンク先のページのタイトルと一致します。"Office Online 用テンプレートとテーマ"

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

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

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

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

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

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

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

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

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

  2. [メッセージ]、[フォントの色] の順に選択します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

関連項目

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

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

修正する内容

修正が必要な理由

解決方法

すべてのビジュアルと表に代替テキストを設定します。

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

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

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

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

代替テキストをテーブルに追加する

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

代替テキストをビジュアルとテーブルに追加する

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

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

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

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

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

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

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

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

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

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

代替テキストをテーブルに追加する

  1. テーブルを右クリックします。

  2. [テーブル プロパティ] を選択します。

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

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

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

選択されているテーブルを説明する [テーブルのプロパティ] ダイアログの [代替テキスト] タブのスクリーンショット

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

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

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

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

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

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

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

ヒント: ハイパーリンクのリンク先のページのタイトルがページの内容の概要を正確に表している場合は、それをハイパーリンク テキストに使用します。たとえば、次のハイパーリンク テキストは、リンク先のページのタイトルと一致します。"Office Online 用テンプレートとテーマ"

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

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

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

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

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

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

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

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

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

  2. [メッセージ]、[フォントの色] の順に選択します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

関連項目

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

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

修正する内容

修正が必要な理由

解決方法

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

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

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

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

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

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

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

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

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

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

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

  3. 説明を入力します。

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

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

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

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

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

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

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

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

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

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

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

ヒント: ハイパーリンクのリンク先のページのタイトルがページの内容の概要を正確に表している場合は、それをハイパーリンク テキストに使用します。たとえば、次のハイパーリンク テキストは、リンク先のページのタイトルと一致します。"Office Online 用テンプレートとテーマ"

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

関連項目

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

アクセシビリティの高い Word 文書を作成する

アクセシビリティの高い Excel ブックを作成する

Make your PowerPoint presentations accessible (PowerPoint プレゼンテーションのアクセシビリティを向上させる)

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

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

修正する内容

修正が必要な理由

解決方法

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

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

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

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

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

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

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

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

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

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

ヒント: ハイパーリンクのリンク先のページのタイトルがページの内容の概要を正確に表している場合は、それをハイパーリンク テキストに使用します。たとえば、次のハイパーリンク テキストは、リンク先のページのタイトルと一致します。"Office Online 用テンプレートとテーマ"

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

関連項目

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

アクセシビリティの高い Word 文書を作成する

アクセシビリティの高い Excel スプレッドシートを作成する

Make your PowerPoint presentations accessible (PowerPoint プレゼンテーションのアクセシビリティを向上させる)

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

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

修正する内容

修正が必要な理由

解決方法

画像と表に代替テキストを設定します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

箇条書きを使用する

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

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

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

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

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

ビジュアルと表に代替テキストを追加する

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

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

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

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

  1. 作成中のメールで、画像を選択します。

  2. 画面の下部にある編集オプション リボンを開くには、[...] (その他のオプション) ボタンをタップします。

  3. 下方向にスクロールして [画像] ボタンを表示し、それをタップします。

  4. 下方向にスクロールして [代替テキスト] ボタンを表示し、それをタップします。

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

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

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

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

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

表に代替テキストを追加すると、視覚に障碍のある方が表の内容を識別するために役立ちます。

  1. 作成中のメールで、表を選択します。

  2. 画面の下部にある編集オプション リボンを開くには、[...] (その他のオプション) ボタンをタップします。

  3. 下方向にスクロールして [] ボタンを表示し、それをタップします。

  4. 下方向にスクロールして [代替テキスト] ボタンを表示し、それをタップします。

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

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

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

表に代替テキストを追加する。

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

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

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

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

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

  2. 画面の下部にある編集オプション リボンを開くには、[...] (その他のオプション) ボタンをタップします。

  3. 下方向にスクロールして [挿入] ボタンを表示し、それをタップします。

  4. 下方向にスクロールして [リンク] ボタンを表示し、それをタップします。

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

  6. [アドレス] テキスト フィールドに、リンク先の URL を入力します。

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

ヒント: ハイパーリンクのリンク先のページのタイトルがページの内容の概要を正確に表している場合は、それをハイパーリンク テキストに使用します。たとえば、次のハイパーリンク テキストは、リンク先のページのタイトルと一致します。"Office Online 用テンプレートとテーマ"

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

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

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

  1. 作成中のメールで、テキストを選択します。

  2. 画面の下部にある編集オプション リボンを開くには、[...] (その他のオプション) ボタンをタップします。

  3. 下方向にスクロールして [形式] ボタンを表示し、それをタップします。

  4. [形式] メニューで目的のフォントの種類、サイズ、および書式を選択します。

フォントの設定を変更する。

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

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

  1. 作成中のメールで、テキストを選択します。

  2. 画面の下部にある編集オプション リボンを開くには、[...] (その他のオプション) ボタンをタップします。

  3. 下方向にスクロールして [形式] ボタンを表示し、それをタップします。

  4. [形式] メニューで下方向にスクロールして、[フォントの色] ボタンをタップし、[>] ボタンをクリックしてサブメニューを表示します。

  5. [フォントの色] メニューで下方向にスクロールし、[自動] をタップします。

フォントの色の設定を自動に変更する。

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

あらかじめ用意されている見出しやスタイルを使用すると、スクリーン リーダーでメールが読みやすくなります。

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

  2. 画面の下部にある編集オプション リボンを開くには、[...] (その他のオプション) ボタンをタップします。

  3. 下方向にスクロールして [形式] ボタンを表示し、それをタップします。

  4. [形式] メニューで下方向にスクロールし、[スタイル] ボタンをタップします。

  5. [スタイル] メニューで下方向にスクロールし、[見出し 1] または [見出し 2] をタップします。

スタイルと見出しを使用する。

箇条書きを使用する

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

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

  2. 画面の下部にある編集オプション リボンを開くには、[...] (その他のオプション) ボタンをタップします。

  3. 下方向にスクロールして [形式] ボタンを表示し、それをタップします。

  4. [形式] メニューで下方向にスクロールし、[箇条書き] ボタンをタップします。

  5. [箇条書き] メニューで目的の箇条書きの種類を選択します。

  6. 箇条書きの項目にテキストを入力します。新しい箇条書きの行を追加するには、スクリーン キーボードの Enter キーを押します。リストを終了するには、Enter キーを 2 回押します。

箇条書きリストを追加する。

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

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

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

  2. 画面の下部にある編集オプション リボンを開くには、[...] (その他のオプション) ボタンをタップします。

  3. 下方向にスクロールして [形式] ボタンを表示し、それをタップします。

  4. [形式] メニューで下方向にスクロールし、[段落番号] ボタンをタップします。

  5. [段落番号] メニューで、目的の番号付きリストの種類を選択します。

  6. 段落番号の項目にテキストを入力します。新しい段落番号の行を追加するには、スクリーン キーボードの Enter キーを押します。リストを終了するには、Enter キーを 2 回押します。

段落番号を追加する。

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

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

  1. 作成中のメールで、テキストを選択します。

  2. 画面の下部にある編集オプション リボンを開くには、[...] (その他のオプション) ボタンをタップします。

  3. 下方向にスクロールして [形式] ボタンを表示し、それをタップします。

  4. [形式] メニューで下方向にスクロールし、[行と段落の間隔] ボタンをタップします。

  5. [行と段落の間隔] メニューで目的の行と段落の間隔オプションを選択します。

間隔の設定を変更する。

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

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

  1. 作成中のメールで、テーブルの任意の場所にカーソルを置きます。

  2. 画面の下部にある編集オプション リボンを開くには、[...] (その他のオプション) ボタンをタップします。

  3. 下方向にスクロールして [] ボタンを表示し、それをタップします。

  4. [テーブル] メニューで下方向にスクロールし、[スタイル オプション] ボタンをタップします。

  5. [スタイル オプション] メニューで、[見出し行] オプションを選択します。

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

表に見出し行を追加する。

関連項目

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

アクセシビリティの高い Word 文書を作成する

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

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

修正する内容

修正が必要な理由

解決方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

箇条書きを使用する

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

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

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

単純な表を挿入する

メールのアクセシビリティに関する問題を確認します。

アクセシビリティの高いコンテンツを希望する連絡先宛てのメールを作成している場合、この通知と [アクセシビリティ チェック] へのリンクを受け取ります。可能性があるアクセシビリティに関する問題をメールですばやく確認し、その問題を解決して、連絡先がスクリーン リーダーでメールを簡単に読むことができることを確認できます。

メールのアクセシビリティに関する問題を確認する

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

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

注: [説明] フィールドにのみテキストを入力し、[タイトル] フィールドは空白のままにしておくことをお勧めします。このようにすることで、ナレーターなどのほとんどのスクリーン リーダーで最高の操作性が得られます。

  1. メールを作成しているときに、画像を右クリックします。コンテキスト メニューが開きます。

  2. メニューで、[代替テキストの挿入] を選択します。

  3. 説明 (とタイトル) を入力します。

Outlook on the web で画像に代替テキストを追加する。

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

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

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

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

  1. メールを作成しているときに、メッセージ本文にリンク テキストを入力します。

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

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

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

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

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

  2. フォントの種類を変更するには、Ctrl + Shift + F キーを押します。

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

    Outlook for the web でフォントの種類を変更する。

  4. フォント サイズを変更するには、Ctrl + Shift + S キーを押します。

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

    Outlook on the web でフォント サイズを変更する。

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

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

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

  2. Ctrl + Shift + C キーを押します。

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

Outlook on the web でフォントの色を調整する。

箇条書きを使用する

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

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

  2. ツールバーで、[箇条書き] アイコンをクリックします。

    Outlook on the web で箇条書きリストを追加する。

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

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

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

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

  2. ツールバーで、[段落番号] アイコンをクリックします。

    Outlook on the web で段落番号を追加する。

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

単純な表を挿入する

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

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

  2. ツールバーで、[表の挿入] アイコンをクリックします。

  3. [表の挿入] グリッドで、追加する行と列の領域を強調表示し、領域内をクリックして選択および追加します。

Outlook on the web で単純な表を追加する。

メールのアクセシビリティに関する問題を確認する

Outlook on the web では、ユーザーがアクセシビリティの高いコンテンツを要求することができます。お客様がユーザーをメールの受信者として追加するたびに、その受信者がアクセシビリティの高いコンテンツを希望していることを示す通知と、アクセシビリティ チェックへのリンクを受け取ります。チェックでメールにアクセシビリティの問題が検出されると、修正方法と共に問題が一覧表示されます。

  1. メールを作成したら、メッセージ本文フィールドの上にある [アクセシビリティの問題のチェック] リンクを選択します。

    [アクセシビリティの問題のチェック] リンクにアクセスするには、その前に [その他の操作] アイコンをクリックする必要がある場合があります。

  2. [アクセシビリティ チェック] が開き、(もしあれば) アクセシビリティに関する問題が一覧表示されます。

  3. リストを読み取り、電子メールの内容を変更して、[アクセシビリティ チェック] の [再確認] ボタンをクリックします。

  4. 問題が検出されなくなるまで、この手順を繰り返して、メールを送信します。

Outlook on the web でメールのアクセシビリティの問題をチェックする。

関連項目

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

アクセシビリティの高い Word 文書を作成する

アクセシビリティの高い Excel スプレッドシートを作成する

アクセシビリティの高い PowerPoint プレゼンテーションを作成する

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

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

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

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

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

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

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

×