このトピックでは、障がいを持つユーザーがメール メッセージにアクセスしやすくするための手順とベスト プラクティスについて説明します。 メールにアクセスできる場合は、すべてのユーザーに対してコンテンツのロックを解除し、異なる機能を持つユーザーはメッセージを読んで作業できます。 たとえば、スクリーン リーダーを使用しているユーザーが画像の概要を聞き取り、画像に代替テキストを追加する方法について学習します。 また、メール メッセージを送信する前に、フォント、色、スタイルを使用して包括的なメール メッセージを最大限に活用する方法も学習します。
アクセシビリティを考慮してメールを作成すると、視覚障碍のある方がより簡単にメールを理解することができます。
Windows:Outlook メールのアクセシビリティを向上させるためのベスト プラクティス
次の表では、障碍のある方が使いやすい Outlook メールを作成するための重要なベスト プラクティスを示します。
修正する内容 |
修正が必要な理由 |
解決方法 |
---|---|---|
すべてのビジュアルに代替テキストを含めます。 ビジュアル コンテンツには、画像、SmartArt グラフィック、図形、グループ、グラフ、埋め込みオブジェクト、インク、ビデオが含まれます。 |
代替テキストは、画面を見ることができない、画像や他のビジュアルで何が重要であるかを確認できないユーザーの役に立ちます。 代替テキストがないものを検索するには、アクセシビリティ チェックを使用します。 重要な情報を伝達する唯一の方法として、画像にテキストを使用するのは避けてください。 テキストを含む画像を使用する必要がある場合、文書内でそのテキストを繰り返します。 代替テキストで、画像について簡単に説明し、テキストがあることとその目的を説明します。 |
Microsoft 365 でビジュアルに代替テキストを追加する |
意味のあるハイパーリンク テキストとヒントを追加します。 |
スクリーン リーダーを使用するユーザーは、リンクの一覧を調べることがあります。 リンクは、リンク先の情報を明確かつ正確に伝える必要があります。 たとえば、"ここをクリック" のようなテキストではなく、リンク先ページの完全なタイトルをリンクに使うようにします。 ヒント: また、ハイパーリンクを含むテキストや画像の上にカーソルを移動すると表示されるヒントを追加することもできます。 |
|
色が、情報を伝達する唯一の手段にならないようにしてください。 |
視覚障碍または色覚障碍のある方は、特定の色が伝える意味を取り損なう可能性があります。 たとえば、色覚障碍のある方が、色がわからない場合でも、リンクされたテキストがあることがわかるように、色が使用されたハイパーリンク テキストに下線を追加します。 見出しには、太字の追加または大きなフォントの使用を検討してください。 |
|
テキストと背景の色に十分なコントラストを付けます。 |
視覚障碍のある方を含む全員が見られるように、メール内のテキストは、ハイ コントラスト モードでも読みやすい必要があります。 たとえば、明るい色、または色スペクトルの反対側にある高コントラストの配色を使用します。 白黒の配色は、色覚障碍のある方にテキストと図形を区別しやすくします。 色のコントラストが十分でない場合は、アクセシビリティ チェック を使用します。 |
|
大きいフォントサイズ (11pt 以上) の san serif フォント、および十分な空白を使用します。 |
失読症のユーザーには、テキストの 1 行がその下の行に圧縮されるなど、ページのテキストが "一緒に浮遊している" ように見えます。 多くの場合にテキストが結合されたり歪んだりして見えます。 失読症のユーザーまたは視覚障碍のあるユーザーのために、読むことの負担が軽くなるようにします。 たとえば、Arial や Calibri などの使い慣れた sans serif フォントが役立つ場合があります。 すべて大文字にしたり、過剰な斜体または下線を使用したりしないでください。 文と文の間および段落間には、十分な空白を設けます。 |
|
組み込みの見出しとスタイルを使用します。 |
タブの順序を保持して、スクリーン リーダーでメールを読みやすくするには、Outlook の論理的見出し順序と組み込みの書式設定のツールを使用します。 たとえば、規定された論理的順序で見出しを並べます。 見出し 3、見出し 1、見出し 2 という順序ではなく、見出し 1、見出し 2、見出し 3 という順序にします。 そして、小さな単位でメールの情報を整理します。 理想的には、各見出しに含まれる段落が 2、3 個だけになるようにします。 |
|
単純なテーブル構造を使用し、列ヘッダー情報を指定します。 |
スクリーン リーダーは、表のセルをカウントすることによって、表内での位置を追跡します。 表が入れ子になっていたり、セルが結合または分割されていると、スクリーン リーダーはカウントがわからなくなり、その位置以降の表について有用な情報を提供できなくなります。 表に空白のセルがあると、スクリーン リーダーを使用しているユーザーは表にそれ以上何もないと誤解する可能性があります。 テーブルに分割されたセル、結合されたセル、または入れ子になったテーブルが含まれるのを確認するには、アクセシビリティ チェック を使用します。 また、スクリーン リーダーは行と列を識別するためにヘッダー情報を使用します。 |
Microsoft 365 でビジュアルに代替テキストを追加する
次の手順では、メール内のビジュアルに代替テキストを追加する Outlook 説明 Microsoft 365。
注: オーディオおよびビデオのコンテンツの場合は、代替テキストだけでなく、聴覚に障碍のあるユーザーのためにクローズド キャプションを追加します。
代替テキストを画像に追加する
スクリーン リーダーがテキストを読み上げて、画像を見ることのできないユーザーに画像について説明することができるように、写真、スクリーンショット、アイコン、ビデオ、3D モデルなどの画像に代替テキストを追加します。
-
画像を右クリックします。
-
[代替テキストの編集] を選択します。 文書の本文の右側に [代替テキスト] ウィンドウが開きます。
-
画像を見ることができないユーザーのために、画像とそのコンテキストを説明する 1 - 2 文を入力します。
代替テキストを図形または SmartArt グラフィックに追加する
-
図形または SmartArt グラフィックを右クリックします。
ヒント: 図形または SmartArt グラフィックの一部ではなく、全体を囲むフレーム内の任意の場所を右クリックする必要があります。
-
[代替テキストの編集] を選択します。 文書の本文の右側に [代替テキスト] ウィンドウが開きます。
-
図形または SmartArt グラフィックを見ることができないユーザーのために、図形または SmartArt グラフィックとそのコンテキストを説明する 1 - 2 文を入力します。
代替テキストをグラフに追加する
-
グラフを右クリックします。
ヒント: グラフの一部ではなく、全体を囲むフレーム内の任意の場所を右クリックする必要があります。
-
[代替テキストの編集] を選択します。 文書の本文の右側に [代替テキスト] ウィンドウが開きます。
-
グラフを見ることができないユーザーのために、グラフとそのコンテキストを説明する 1 - 2 文を入力します。
Office 2019 でビジュアルに代替テキストを追加する
次の手順では、メール内のビジュアルに代替テキストを追加する Outlook 説明 Office 2019。
注: オーディオおよびビデオのコンテンツの場合は、代替テキストだけでなく、聴覚に障碍のあるユーザーのためにクローズド キャプションを追加します。
代替テキストを画像に追加する
スクリーン リーダーがテキストを読み上げて、画像を見ることのできないユーザーに画像について説明することができるように、写真、スクリーンショット、アイコン、ビデオ、3D モデルなどの画像に代替テキストを追加します。
-
画像を右クリックします。
-
[代替テキストの編集] を選択します。 文書の本文の右側に [代替テキスト] ウィンドウが開きます。
-
画像を見ることができないユーザーのために、画像とそのコンテキストを説明する 1 - 2 文を入力します。
代替テキストを図形または SmartArt グラフィックに追加する
-
図形または SmartArt グラフィックを右クリックします。
ヒント: 図形または SmartArt グラフィックの一部ではなく、全体を囲むフレーム内の任意の場所を右クリックする必要があります。
-
[代替テキストの編集] を選択します。 文書の本文の右側に [代替テキスト] ウィンドウが開きます。
-
図形または SmartArt グラフィックを見ることができないユーザーのために、図形または SmartArt グラフィックとそのコンテキストを説明する 1 - 2 文を入力します。
代替テキストをグラフに追加する
-
グラフを右クリックします。
ヒント: グラフの一部ではなく、全体を囲むフレーム内の任意の場所を右クリックする必要があります。
-
[代替テキストの編集] を選択します。 文書の本文の右側に [代替テキスト] ウィンドウが開きます。
-
グラフを見ることができないユーザーのために、グラフとそのコンテキストを説明する 1 - 2 文を入力します。
Office 2016 で代替テキストをビジュアルに追加する
次の手順では、Outlook メール内のビジュアルに代替テキストを追加する方法について説明します。
注: [説明] フィールドにテキストのみを配置して、タイトルを空白のままにすることをお勧めします。 これにより、ナレーターを含むほとんどの主要なスクリーン リーダーで最適な操作性が得られます。 オーディオおよびビデオのコンテンツの場合は、代替テキストだけでなく、聴覚に障碍のあるユーザーのためにクローズド キャプションを追加します。
代替テキストを画像に追加する
スクリーン リーダーがテキストを読み上げて、画像を見ることのできないユーザーに画像について説明することができるように、写真、スクリーンショットなどの画像に代替テキストを追加します。
-
画像を右クリックします。
-
[図の書式設定]、[レイアウトとプロパティ] の順に選択します。
-
[代替テキスト] を選択します。
-
説明とタイトルを入力します。
ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。
代替テキストを SmartArt グラフィックに追加する
-
SmartArt グラフィックを右クリックします。
-
[オブジェクトの書式設定]、[図形のオプション]、[レイアウトとプロパティ] の順に選択します。
-
[代替テキスト] を選択します。
-
説明とタイトルを入力します。
ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。
代替テキストを図形に追加する
SmartArt グラフィック内の図形を含む図形に代替テキストを追加する
-
図形を右クリックします。
-
[図形の書式設定]、[レイアウトとプロパティ] の順に選択します。
-
[代替テキスト] を選択します。
-
説明とタイトルを入力します。
ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。
代替テキストをグラフに追加する
-
グラフを右クリックします。
-
[グラフ エリアの書式設定]、[グラフのオプション]、[レイアウトとプロパティ] の順に選択します。
-
[代替テキスト] を選択します。
-
説明とタイトルを入力します。
ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。
ハイパーリンク、テキスト、およびテーブルをアクセシビリティ対応にする
次の手順では、アクセシビリティの高い Outlook メール内のハイパーリンク、テキスト、および表を作成する方法について説明します。
ハイパーリンク テキストとヒントを追加する
-
ハイパーリンクを追加するテキストを選択し、右クリックします。
-
[リンク] を選択します。 選択したテキストが、[表示するテキスト] ボックスに表示 されます。 これがハイパーリンク テキストです。
-
必要に応じて、ハイパーリンク テキストを変更します。 [アドレス] ボックスに、リンク先の URL を入力します。
-
[ヒント] ボタンを選択し、[ヒントのテキスト] ボックスにヒントを入力します。
ヒント: ハイパーリンクのリンク先ページのタイトルがページの概要を正確に示す場合は、ハイパーリンク テキストに使用します。 たとえば、次のハイパーリンク テキストは、リンク先ページのタイトルと一致します。Office Online のテンプレートとテーマ。
アクセシビリティの高いフォント書式を使用する
-
テキストを選択します。
-
[テキストの書式設定] タブを選択します。
-
フォントの種類、サイズ、スタイル、および色のオプションが提供される [フォント] グループで、書式設定を選択します。
アクセシビリティの高いフォントの色を使用する
ハイコントラスト モードでテキストがうまく表示されるようにするには、フォントの色の自動設定を使用します。
-
テキストを選択します。
-
[フォント の色] >選択します。
-
[自動] を選択します。
箇条書きスタイルを使用する
箇条書きリストを作成するには、[箇条書き] ボタンを使用します。
-
メール内の任意の場所にカーソルを置きます。
-
[テキストの書式設定] タブを選択します。
-
[段落] グループの [箇条書き] ボタンをクリックします。
-
箇条書きのリストには、各箇条書きの項目を入力します。
番号付きリストを使用する
一連のステップを作成するには、[段落番号] ボタンを使用します。
-
メール内の任意の場所にカーソルを置きます。
-
[テキストの書式設定] タブを選択します。
-
[段落] グループの [段落番号] ボタンをクリックします。
-
一連のステップを入力します。
文と文の間および段落間の空白を調整する
文と文の間および段落間の空白を増やしたり減らしたりします。
-
テキストを選択します。
-
[テキストの書式設定] タブを選択します。
-
[段落 ] グループの右下隅にある [ダイアログ ボックス起動ツール] ボタンを選択します。 [段落] ダイアログ ボックスが開き、[インデントと行間隔] タブが表示されます。
-
[行間隔] の、行間隔オプションを選択します。
テーブルに見出しを使用する
テーブルで見出し行を指定します。
-
テーブル内の任意の場所にカーソルを置きます。
-
[テーブル デザイン] タブの [テーブル スタイル ] グループで、[見出し行] チェック ボックスを オンにします。
-
列見出しを入力します。
アクセシビリティの高いメールを要求する
アクセシビリティの高いコンテンツの受信を希望していることを送信者に知らせます。
-
Web 上で自分のアカウントに移動するには、Outlook で、[ファイル]、[情報] の順に選択してから、[アカウント設定] で、[このアカウントに Web を介してアクセスします] の下のリンクをクリックします。
-
[ Outlook on the web] の [アクセシビリティ設定] に移動するには、[アクセシビリティ
> Outlookのすべての設定を表示>を>します。
-
アクセシビリティの高いコンテンツを要求するには、[アクセシビリティに対応したコンテンツを送信するよう送信者に依頼する] チェック ボックスをオンにします。
関連項目
アクセシビリティ チェックを使用してアクセシビリティを改善する
障碍のある方のためにアクセシビリティの高い Word 文書を作成する
Mac:Outlook メールのアクセシビリティを向上させるためのベスト プラクティス
次の表では、障碍のある方が使いやすい Outlook メールを作成するための重要なベスト プラクティスを示します。
修正する内容 |
修正が必要な理由 |
解決方法 |
---|---|---|
すべてのビジュアルに代替テキストを含めます。 ビジュアル コンテンツには、画像、SmartArt グラフィック、図形、グループ、グラフ、埋め込みオブジェクト、インク、ビデオが含まれます。 |
代替テキストは、画面を見ることができない、画像や他のビジュアルで何が重要であるかを確認できないユーザーの役に立ちます。 代替テキストがないものを検索するには、アクセシビリティ チェックを使用します。 重要な情報を伝達する唯一の方法として、画像にテキストを使用するのは避けてください。 テキストを含む画像を使用する必要がある場合、文書内でそのテキストを繰り返します。 代替テキストで、画像について簡単に説明し、テキストがあることとその目的を説明します。 |
|
意味のあるハイパーリンク テキストとヒントを追加します。 |
スクリーン リーダーを使用するユーザーは、リンクの一覧を調べることがあります。 リンクは、リンク先の情報を明確かつ正確に伝える必要があります。 たとえば、"ここをクリック" のようなテキストではなく、リンク先ページの完全なタイトルをリンクに使うようにします。 ヒント: また、ハイパーリンクを含むテキストや画像の上にカーソルを移動すると表示されるヒントを追加することもできます。 |
|
色が、情報を伝達する唯一の手段にならないようにしてください。 |
視覚障碍または色覚障碍のある方は、特定の色が伝える意味を取り損なう可能性があります。 たとえば、色覚障碍のある方が、色がわからない場合でも、リンクされたテキストがあることがわかるように、色が使用されたハイパーリンク テキストに下線を追加します。 見出しには、太字の追加または大きなフォントの使用を検討してください。 |
|
テキストと背景の色に十分なコントラストを付けます。 |
視覚障碍のある方を含む全員が見られるように、メール内のテキストは、ハイ コントラスト モードでも読みやすい必要があります。 たとえば、明るい色、または色スペクトルの反対側にある高コントラストの配色を使用します。 白黒方式は、色覚障碍のあるユーザーが色を区別するのに役立ちます。 色のコントラストが十分でない場合は、アクセシビリティ チェック を使用します。 |
|
大きいフォントサイズ (11pt 以上) の san serif フォント、および十分な空白を使用します。 |
失読症のユーザーには、テキストの 1 行がその下の行に圧縮されるなど、ページのテキストが "一緒に浮遊している" ように見えます。 多くの場合にテキストが結合されたり歪んだりして見えます。 失読症のユーザーまたは視覚障碍のあるユーザーのために、読むことの負担が軽くなるようにします。 たとえば、Arial や Calibri などの使い慣れた sans serif フォントが役立つ場合があります。 すべて大文字にしたり、過剰な斜体または下線を使用したりしないでください。 文と文の間および段落間には、十分な空白を設けます。 |
|
見出しと組み込みのスタイルを使用します。 |
タブの順序を保持して、スクリーン リーダーでメールを読みやすくするには、Outlook の論理的見出し順序と組み込みの書式設定のツールを使用します。 たとえば、小さな単位でメールの情報を整理し、その上に見出しを追加します。 理想的には、各セクションに含まれる段落が 2、3 個だけになるようにします。 |
|
単純なテーブル構造を使用し、列ヘッダー情報を指定します。 |
スクリーン リーダーは、表のセルをカウントすることによって、表内での位置を追跡します。 表が入れ子になっていたり、セルが結合または分割されていると、スクリーン リーダーはカウントがわからなくなり、その位置以降の表について有用な情報を提供できなくなります。 表に空白のセルがあると、スクリーン リーダーを使用しているユーザーは表にそれ以上何もないと誤解する可能性があります。 テーブルに分割されたセル、結合されたセル、または入れ子になったテーブルが含まれるのを確認するには、アクセシビリティ チェック を使用します。 また、スクリーン リーダーは行と列を識別するためにヘッダー情報を使用します。 |
Microsoft 365 for Mac でビジュアルに代替テキストを追加する
次の手順では、電子メール内のビジュアルに代替テキストを追加する方法 Outlook 説明 Microsoft 365 for Mac。
注:
-
オーディオおよびビデオのコンテンツの場合は、代替テキストだけでなく、聴覚に障碍のある方のためにクローズド キャプションを含めます。
-
Mac で右クリックを有効にするには、[システム環境設定] で [副ボタンのクリック] オプションを選択します。
ヒント: 良い代替テキストを作成するには、画像の内容と目的を簡潔かつ明確に伝えます。 代替テキストは、短い文または 2 つ以上の長さである必要があります。ほとんどの場合、いくつかの慎重に選択された単語が行います。 周囲のテキストコンテンツを代替テキストとして繰り返したり、"画像のグラフィック" や "画像" などの画像を参照する語句を使用したりすることはできません。
代替テキストを画像に追加する
-
メールの画像を右クリックします。
-
[代替テキストの編集] を選択します...
文書の本文の右側に [代替テキスト] ウィンドウが開きます。
-
画像とそのコンテキストを説明する 1 - 2 文を入力します。
ヒント: 入力した単語にスペルチェックを適用し、修正するには、その単語を右クリックし、修正候補から選択します。
Office 2016 for Mac で代替テキストをビジュアルに追加する
スクリーン リーダーがテキストを読み上げて、画像を見ることのできないユーザーに対して画像について説明することができるように、写真、スクリーンショットなどの画像に代替テキストを追加します。
ヒント: 良い代替テキストを作成するには、画像の内容と目的を簡潔かつ明確に伝えます。 代替テキストは、短い文または 2 つ以上の長さである必要があります。ほとんどの場合、いくつかの慎重に選択された単語が行います。 周囲のテキストコンテンツを代替テキストとして繰り返したり、"画像のグラフィック" や "画像" などの画像を参照する語句を使用したりすることはできません。
注: オーディオおよびビデオのコンテンツの場合は、代替テキストだけでなく、聴覚に障碍のある方のためにクローズド キャプションを含めます。
-
画像を右クリックします。
-
[図の書式設定]、[レイアウトとプロパティ] の順に選択します。
-
[代替テキスト] を選択します。
-
説明とタイトルを入力します。
ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。
ハイパーリンク、テキスト、およびテーブルをアクセシビリティ対応にする
次の手順では、アクセシビリティの高い Outlook メール内のハイパーリンク、テキスト、および表を作成する方法について説明します。
ハイパーリンク テキストとヒントを追加する
-
ハイパーリンクを追加するテキストを選択し、テキストを右クリックして、[リンク] を選択 します。 選択したテキストが、[表示文字列] ボックスに表示されます。 これがハイパーリンク テキストです。
-
必要に応じて、ハイパーリンク テキストを変更します。
-
[アドレス] ボックスに、リンク先の URL を入力します。
-
[ヒント] ボタンを選択し、[ヒントのテキスト] ボックスにヒントを入力します。
ヒント: ハイパーリンクのリンク先ページのタイトルがページの概要を正確に示す場合は、ハイパーリンク テキストに使用します。 たとえば、次のハイパーリンク テキストは、リンク先ページのタイトルと一致します。Office Online のテンプレートとテーマ。
アクセシビリティの高いフォント書式を使用する
-
テキストを選択します。
-
[メッセージ] タブを選びます。
-
フォントの種類、サイズ、スタイル、および色のオプションが提供される [フォント] グループで、書式設定を選択します。
アクセシビリティの高いフォントの色を使用する
ハイコントラスト モードでテキストがうまく表示されるようにするには、フォントの色の自動設定を使用します。
-
テキストを選択します。
-
[フォント の色] >選択します。
-
[自動] を選択します。
箇条書きスタイルを使用する
箇条書きリストを作成するには、[箇条書き] ボタンを使用します。
-
メール内の任意の場所にカーソルを置きます。
-
[メッセージ] タブを選びます。
-
[段落] グループの [箇条書き] ボタンをクリックします。
-
箇条書きのリストには、各箇条書きの項目を入力します。
番号付きリストを使用する
一連のステップを作成するには、[段落番号] ボタンを使用します。
-
メール内の任意の場所にカーソルを置きます。
-
[メッセージ] タブを選びます。
-
[段落] グループの [段落番号] ボタンをクリックします。
-
順序付きリストに各順次ステップを入力します。
文と文の間および段落間の空白を調整する
文と文の間および段落間の空白を増やしたり減らしたりします。
-
テキストを選択して右クリックし、[段落] を選択します。
[段落] ダイアログ ボックスが開き、[インデントと行間隔] タブが表示されます。
-
[行間隔] の、行間隔オプションを選択します。
テーブルに見出しを使用する
テーブルで見出し行を指定します。
-
テーブル内の任意の場所にカーソルを置きます。
-
[テーブル デザイン] タブで、[見出し行] チェック ボックスをオンにします。
-
列見出しを入力します。
関連項目
アクセシビリティ チェックを使用してアクセシビリティを改善する
障碍のある方のためにアクセシビリティの高い Word 文書を作成する
iOS アプリ: アクセシビリティの高い Outlook メールを作成するためのベスト プラクティス
次の表では、障碍のある方が使いやすい iOS 版 Outlook メールを作成するための重要なベスト プラクティスを示します。
修正する内容 |
修正が必要な理由 |
解決方法 |
---|---|---|
画像に代替テキストを含めます。 |
代替テキストは、画面を見ることができない、画像や他のビジュアルで何が重要であるかを確認できないユーザーの役に立ちます。 重要な情報を伝達する唯一の方法として、画像にテキストを使用するのは避けてください。 テキストを含む画像を使用する必要がある場合、文書内でそのテキストを繰り返します。 代替テキストで、画像について簡単に説明し、テキストがあることとその目的を説明します。 |
|
わかりやすいハイパーリンク テキストを追加します。 |
スクリーン リーダーを使用するユーザーは、リンクの一覧を調べることがあります。 リンクは、リンク先の情報を明確かつ正確に伝える必要があります。 たとえば、"ここをクリック" のようなテキストではなく、リンク先ページの完全なタイトルをリンクに使うようにします。 |
画像に代替テキストを追加する
スクリーン リーダーが、画像を見ることができないユーザーに画像を説明するテキストを読むことができるように、写真、スクリーンショットなどの画像に代替テキストを追加します。
-
作成中のメールで、画像をダブルタップしてコンテキスト メニューを開きます。
-
コンテキスト メニューで、[代替テキスト] ボタンをタップ します。
-
説明を入力します。
ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。
-
テキストを追加してダイアログ ボックスを終了するには 、[OK] をタップします。
ハイパーリンク テキストを追加する
スクリーン リーダーのユーザーが簡単にメールのリンクをスキャンできるように、わかりやすいハイパーリンク テキストを追加します。
-
作成中のメールで、ハイパーリンクを追加するテキストを選択します。
-
コンテキスト メニューを開くには、選択したテキストをタップします。
-
必要に応じて、メニューの最後にある [リンクの追加]
ボタンが表示されるまでボタン を タップします。 [リンクの追加] ボタンをタップします。
-
必要に応じて、[テキスト] フィールドのハイパーリンク テキストを変更します。
-
[リンク] フィールドに、リンク先の URL を入力します。
-
ハイパーリンクを挿入するには、[ハイパーリンク] をタップ
。
ヒント: ハイパーリンクのリンク先ページのタイトルがページの概要を正確に示す場合は、ハイパーリンク テキストに使用します。 たとえば、次のハイパーリンク テキストは、リンク先ページのタイトルと一致します。Office Online のテンプレートとテーマ。
関連項目
障碍のある方のためにアクセシビリティの高い Word 文書を作成する
Android アプリ: アクセシビリティの高い Outlook メールを作成するためのベスト プラクティス
次の表では、障碍のある方が使いやすい Android 版 Outlook メールを作成するための重要なベスト プラクティスを示します。
修正する内容 |
修正が必要な理由 |
解決方法 |
---|---|---|
画像に代替テキストを含めます。 |
代替テキストは、画面を見ることができない、画像や他のビジュアルで何が重要であるかを確認できないユーザーの役に立ちます。 重要な情報を伝達する唯一の方法として、画像にテキストを使用するのは避けてください。 テキストを含む画像を使用する必要がある場合、文書内でそのテキストを繰り返します。 代替テキストで、画像について簡単に説明し、テキストがあることとその目的を説明します。 |
|
わかりやすいハイパーリンク テキストを追加します。 |
スクリーン リーダーを使用するユーザーは、リンクの一覧を調べることがあります。 リンクは、リンク先の情報を明確かつ正確に伝える必要があります。 たとえば、"ここをクリック" のようなテキストではなく、リンク先ページの完全なタイトルをリンクに使うようにします。 |
画像に代替テキストを追加する
スクリーン リーダーが、画像を見ることができないユーザーに画像を説明するテキストを読むことができるように、写真、スクリーンショットなどの画像に代替テキストを追加します。
-
作成中のメールで、画像を長押ししてコンテキスト メニューを開きます。
-
コンテキスト メニューで、[代替テキスト] ボタンをタップします。
-
説明を入力します。
ヒント: 最も重要な情報は 1 行目に入れ、できるだけ簡潔にします。
-
テキストを追加してダイアログ ボックスを終了するには、[保存] をタップ します。
ハイパーリンク テキストを追加する
スクリーン リーダーのユーザーが簡単にメールのリンクをスキャンできるように、わかりやすいハイパーリンク テキストを追加します。
-
作成中のメールで、ハイパーリンクを追加するテキストを選択します。 コンテキスト メニューが開きます。
-
[リンクの 追加] ボタンをタップします。
-
必要に応じて、[表示するテキスト] フィールドのハイパーリンク テキストを変更します。
-
[リンク] フィールドに、リンク先の URL を入力します。
-
ハイパーリンクを挿入するには、[保存] ボタンをタップします。
ヒント: ハイパーリンクのリンク先ページのタイトルがページの概要を正確に示す場合は、ハイパーリンク テキストに使用します。 たとえば、次のハイパーリンク テキストは、リンク先ページのタイトルと一致します。Office Online のテンプレートとテーマ。
関連項目
障碍のある方のためにアクセシビリティの高い Word 文書を作成する
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 個だけになるようにします。 |
|
単純なテーブル構造を使用します。 |
スクリーン リーダーは、表のセルをカウントすることによって、表内での位置を追跡します。 表が入れ子になっていたり、セルが結合または分割されていると、スクリーン リーダーはカウントがわからなくなり、その位置以降の表について有用な情報を提供できなくなります。 表に空白のセルがあると、スクリーン リーダーを使用しているユーザーは表にそれ以上何もないと誤解する可能性があります。 テーブルに分割されたセル、結合されたセル、または入れ子になったテーブルが含まれるのを確認するには、アクセシビリティ チェック を使用します。 |
代替テキストを画像に追加する
スクリーン リーダーがテキストを読み上げて、画像を見ることのできないユーザーに画像について説明することができるように、写真、スクリーンショットなどの画像に代替テキストを追加します。
-
メールを作成するときに、メッセージ本文の画像を選択します。
-
書式設定ツールバーを表示するには、必要に応じて
(書式設定オプションを表示する) オプションを選択します。
-
ツール バーで、代替テキスト
画像に追加する) を選択します。
-
画像の説明を入力し 、[OK]をクリックします。
アクセシビリティの高いハイパーリンクとテキストを作成する
次の手順では、アクセシビリティの高い Outlook メール内のハイパーリンク、テキスト、および表を作成する方法について説明します。
わかりやすいハイパーリンク テキストを追加する
リンク テキストとして URL を表示するのではなく、わかりやすいハイパーリンク テキストを入力します。
-
メールを作成するときに、メッセージ本文にわかりやすいリンク テキストを入力します。
-
リンク テキストを選択して、Ctrl + K キーを押します。 [リンク の挿入] ダイアログ ボックスが開きます。
-
Web アドレス (URL) テキスト フィールドに、リンク先の URL を入力し 、[OK]を選択します。
リンク プレビューを使用する
Outlook.com または Outlook on the webのメールに URL を追加する場合、または本文に URL が含まれるメールを受信した場合は、リンク のタイトル、サムネイル画像、リンクの説明を含むリッチ プレビューが表示されます。 これはリンク プレビューと呼ばされ、既定でオンになっています。
リンクのプレビューをオフにする方法:
-
ページの最上部で、 [設定
] > [Outlook のすべての設定を表示]を選択。
-
[設定] ウィンドウで、[メール]、[作成して返信] の順に選びます。
-
[ リンクのプレビュー]で、[メール内のリンクのプレビュー ] チェック ボックスをオフにして、リンクのプレビューをオフにします。
アクセシビリティの高いフォント書式を使用する
失読症の方または視覚障碍のある方がメールを読みやすいように、使い慣れたフォントの種類と大きいフォント サイズを使用します。
-
テキストを選択します。
-
書式設定ツールバーを表示するには、必要に応じて
(書式設定オプションを表示する) オプションを選択します。
-
フォントの種類を変更するには、[フォント]
選択します。
-
[フォント] メニューで、目的のフォントの種類を選択します。
-
フォント サイズを変更するには、[フォント サイズ
を選択します。
-
[フォント サイズ] メニューで、目的のサイズを選びます。
アクセシビリティの高いフォントの色を使用する
ハイコントラスト モードでテキストがうまく表示されるようにするには、フォントの色に黒を使用します。
-
テキストを選択します。
-
書式設定ツールバーを表示するには、必要に応じて
(書式設定オプションを表示する) オプションを選択します。
-
ツール バーで、フォントの色
を選択します。
-
[フォントの色] メニューで目的の色を選択します。
箇条書きを使用する
箇条書きを作成して、テキストに構成を追加します。
-
メール内の任意の場所にカーソルを置きます。
-
書式設定ツールバーを表示するには、必要に応じて
(書式設定オプションを表示する) オプションを選択します。
-
ツール バーで、行頭文字 (箇
) を選択します。
-
箇条書きのリストには、各箇条書きの項目を入力します。
番号付きリストを使用する
番号付きリストを作成して、一連のステップにテキストを整理します。
-
メール内の任意の場所にカーソルを置きます。
-
書式設定ツールバーを表示するには、必要に応じて
(書式設定オプションを表示する) オプションを選択します。
-
ツールバーで、番号付け (
) を選択します。
-
リストの各番号付きの項目を入力します。
単純な表を挿入する
表内に表を追加したり、セルを空のままにしたりすると、スクリーン リーダーを使ってメールを読むことが難しくなる場合があります。 スクリーン リーダーを使用して表、行、および列を識別しやすいように、単純な表を使用することを検討してください。
-
メール内の任意の場所にカーソルを置きます。
-
書式設定ツールバーを表示するには、必要に応じて
(書式設定オプションを表示する) オプションを選択します。
-
ツール バーで、テーブルの挿入
選択します。 このオプションは、その他の書式設定オプションを選択した
表示される場合があります。
-
[表 の挿入] グリッドで、追加する行と列の領域を選択します。

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