障碍のある方に対する、Word 文書のアクセシビリティを高める

どこにいても、どのデバイスからでも、 Microsoft 365

Microsoft 365 にアップグレードして、最新の機能と更新プログラムを利用できます。

今すぐアップグレード

このトピックでは、障がいを持つユーザーがドキュメントにアクセス Word 手順とベスト プラクティスを示します。 ドキュメントにアクセス可能な場合は、すべてのユーザーに対してコンテンツのロックを解除し、異なる機能を持つユーザーはコンテンツを読み取り、ファイルを使用できます。 たとえば、スクリーン リーダーを使用しているユーザーが画像の概要を聞き取り、画像に代替テキストを追加する方法について学習します。 また、他のユーザーと共有する前に、色とスタイルを使用してドキュメントの包括的 Word する方法も学習します。

6 月 9 日の調査チーム オフサイト会議についてのお知らせ。 写真に会議の場所の住所が示されている画像。

Word には、さまざまな能力を持つユーザーがドキュメントを読み書きするのに役立つ多くの機能が組み込みされています。 Word 、障がいを持つユーザーの問題を引き起こす可能性のある要素を探すアクセシビリティ チェックも用意されています。

アクセシビリティ チェックの仕組みの詳細については、「アクセシビリティ チェックのルール」を参照してください。

Windows: Word 文書のアクセシビリティを向上させるためのベスト プラクティス

次の表では、障碍のあるユーザーにとって使いやすい Word 文書を作成するための重要なベスト プラクティスを示します。

修正する内容

探す方法

修正が必要な理由

解決方法

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

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

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

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

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

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

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

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

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

ハイパーリンク テキストに独立した情報として意味があり、ユーザーにリンク先についての正確な情報を提供しているかどうかを判断するには、文書を目視で確認します。

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

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

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

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

色で識別されるようにしている箇所がないか、目視で確認します。

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

アクセシビリティの高いテキスト形式を使用する

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

色のコントラストが十分でない場合は、アクセシビリティ チェック を使用します

文書内で、背景を読み取りにくい、または区別しにくいテキストを探す方法があります。

文書のテキストと背景のコントラストの差を大きくすると、より多くのユーザーにとって見やすく、使いやすいコンテンツになります。

アクセシビリティの高いテキストの色を使用する

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

見出しの順序が論理的か確認するには、文書の目次を目視で確認します。

各見出しをクリックして、組み込みの見出しスタイルを適用できます。

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

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

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

箇条書きを使用する

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

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

テーブルに分割されたセル、結合されたセル、または入れ子になったテーブルが含まれるのを確認するには、アクセシビリティ チェック を使用します

テーブルを視覚的にスキャンして、完全に空白の行や列が含されていないことを確認することもできます。

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

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

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

代替テキストをビジュアルに追加 Microsoft 365

次の手順では、新しいドキュメント内のビジュアルに代替テキストを追加 Word 説明 Microsoft 365。

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

ヒント: 良い代替テキストを作成するには、画像の内容と目的を簡潔かつ明確に伝えます。 代替テキストは、短い文または 2 つ以上の長さである必要があります。ほとんどの場合、いくつかの慎重に選択された単語が行います。 周囲のテキストコンテンツを代替テキストとして繰り返したり、"画像のグラフィック" や "の画像" などの画像を参照する語句を使用したりすることはできません。

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

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

  1. 画像を右クリックし、[代替テキストの編集 ] を選択します

    Word Win32 の画像の [代替テキストの編集] メニュー

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

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

    画像用の Word Win32 の [代替テキスト] ウィンドウ

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

    ヒント: [説明 の生成] を選択して、Microsoft のクラウド対応のインテリジェント サービスで説明を作成する方法もあります。 これには少し時間がかかるので、テキスト入力フィールドに結果が表示されます。 "高い信頼で生成 Word 説明" など、追加されたコメントは削除してください。

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

  1. 図形または SmartArt グラフィックを右クリックし、[代替テキストの編集 ] を選択します

    Word Win32 の図形の [代替テキストの編集] メニュー

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

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

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

    図形の Word Win32 の [代替テキスト] ウィンドウ

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

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

  1. グラフを右クリックし、[代替テキストの編集 ] を選択します

    Word Win32 グラフの [代替テキストの編集] メニュー

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

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

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

    グラフの Word Win32 の [代替テキスト] ウィンドウ

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

ビジュアルを装飾する

装飾オブジェクトは視覚的な関心を引くが、有益ではない (スタイルの罫線など) スクリーン リーダーを使用しているユーザーは、重要な情報が見つからないことを知って、これらは装飾的な言葉で読み上げらえます。

  1. ビジュアルを右クリックし、[代替テキストの編集 ] を選択します。 文書の本文の右側に [代替テキスト] ウィンドウが開きます。

  2. [装飾用 としてマークする] チェック ボックスをオンにします。 テキスト入力フィールドが淡色表示されます。

    Word Win32 の装飾要素の [代替テキスト] ウィンドウ

ヒント: 文書を PDF としてエクスポートした場合、装飾としてマークしたビジュアルは、アイテムとしてタグ付けすることで保持されます。

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

次の手順では、新しいドキュメント内のビジュアルに代替テキストを追加 Word 説明 Office 2019。

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

ヒント: 良い代替テキストを作成するには、画像の内容と目的を簡潔かつ明確に伝えます。 代替テキストは、短い文または 2 つ以上の長さである必要があります。ほとんどの場合、いくつかの慎重に選択された単語が行います。 周囲のテキストコンテンツを代替テキストとして繰り返したり、"画像のグラフィック" や "の画像" などの画像を参照する語句を使用したりすることはできません。

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

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

  1. 次のいずれかの操作を行います。

    • 画像を選択し、[書式] リボン タブ の [代替 テキスト ] ボタンを 押します。

    • 画像を右クリックし、[代替テキストの編集 ] を選択します

    Word Win32 の画像の [代替テキストの編集] メニュー

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

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

    画像用の Word Win32 の [代替テキスト] ウィンドウ

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

    ヒント: [説明 の生成] を選択して、Microsoft のクラウド対応のインテリジェント サービスで説明を作成する方法もあります。 これには少し時間がかかるので、テキスト入力フィールドに結果が表示されます。 "高い信頼で生成 Word 説明" など、追加されたコメントは削除してください。

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

  1. 次のいずれかの操作を行います。

    • 図形または SmartArt グラフィックを選択し、[書式] リボン タブの [代替 テキスト ] ボタン を押します。

    • 図形または SmartArt グラフィックを右クリックし、[代替テキストの編集 ] を選択します

    Word Win32 の図形の [代替テキストの編集] メニュー

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

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

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

    図形の Word Win32 の [代替テキスト] ウィンドウ

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

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

  1. 次のいずれかの操作を行います。

    • グラフを選択し、[書式] リボン タブ の [代替 テキスト ] ボタンを 押します。

    • グラフを右クリックし、[代替テキストの編集 ] を選択します

    Word Win32 グラフの [代替テキストの編集] メニュー

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

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

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

    グラフの Word Win32 の [代替テキスト] ウィンドウ

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

ビジュアルを装飾する

装飾オブジェクトは視覚的な関心を引くが、有益ではない (スタイルの罫線など) スクリーン リーダーを使用しているユーザーは、重要な情報が見つからないことを知って、これらは装飾的な言葉で読み上げらえます。

  1. ビジュアルを右クリックします。

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

  3. [装飾用 としてマークする] チェック ボックスをオンにします。 テキスト入力フィールドが淡色表示されます。

    Word Win32 の装飾要素の [代替テキスト] ウィンドウ

ヒント: 文書を PDF としてエクスポートした場合、装飾としてマークしたビジュアルは、アイテムとしてタグ付けすることで保持されます。

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

次の手順では、新しいドキュメント内のビジュアルに代替テキストを追加 Word 説明 Office 2016。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. 図形を右クリックし、[図形の書式設定] を選択します。

  2. 右側のウィンドウで、[レイアウトとプロパティ] を選択し、[代替テキスト] を選択します。

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

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

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

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

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

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

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

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

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

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

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

次の手順では、文書内のハイパーリンク、テキスト、および表の Word 説明します。

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

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

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

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

  4. [アドレス] ボックスに、ハイパーリンクのリンク先のアドレスを入力します。

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

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

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

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

  1. 見出しにするテキストを選択します。

  2. [ホーム] タブの [スタイル] グループで見出しのスタイルを選択します ([見出し 1] や [見出し 2] など)。

見出しスタイルのオプションのスクリーンショット

箇条書きを使用する

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

  2. [ホーム] タブを選択します。

  3. [段落 ] グループ で、[段落 Word の [箇条書き] ボタン。 (箇条書き) ボタンを選択します。

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

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

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

  2. [ホーム] タブを選択します。

  3. [段落 ] グループ で、段落番号 ( Word の [番号] ボタン。 ) ボタンを選択します。

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

アクセシビリティの高いテキストの色を使用する

いくつかのアイデアを紹介します。

  • テキストが正しく表示されるようにするには、フォントの色の [自動] 設定を使用します。 テキストを選び、[ホーム] タブで [フォントの色] Word の [フォントの色] ボタン。 を選び、[自動] を選びます

    Word の [フォントの色] メニュー。
  • アクセシビリティ チェックを使用することにより、文書を分析し、色のコントラストが十分でない箇所を探します。 ツールによって、ページの色、表のセルの背景、強調表示、テキスト ボックスの塗りつぶしの色、段落の網かけ、図形と SmartArt の塗りつぶし、ヘッダーとフッター、リンクに対するテキストの色が適切かどうかについて文書が調べられるようになりました。

  • 色とコントラストを分析する無料アプリである、Colour Contrast Analyzer を使用すると、ほぼ瞬時に結果を表示できます。

アクセシビリティの高いテキスト形式を使用する

いくつかのアイデアを紹介します。

  • 色分けされたハイパーリンク テキストに下線を付けます。 色の見分けが困難な人でも、テキストにリンクが付いていることがわかります。

  • 状態の指示に色が利用されている場合、図形を追加します。 たとえば、"合格" を示すために Excel の緑のチェック マーク 緑色が使用される場合はチェックマーク記号を追加し、赤色が "不合格" を示す場合は大文字の X 中に大文字の X が表示されている赤いボックスのスクリーンショット。 を追加します。

注: その他の提案事項については、usability.gov や、色覚に障碍のあるユーザー向けの Web アクセシビリティのページを参照してください。

文字間隔を使用する

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

  1. [ホーム ] タブ で、テキストを選択します。

  2. [段落 ] グループの右下隅にある [段落の設定] ボタンを選択します。

    Word の [段落の設定] ボタン。

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

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

Word の [インデントと行間隔] メニュー。

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

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

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

    Word の [表スタイルのオプション] をクリックします。
  3. 列見出しを入力します。

関連項目

Mac: Word 文書のアクセシビリティを向上させるためのベスト プラクティス

次の表では、障がいのあるユーザー Word ドキュメントを作成するための重要なベスト プラクティスを示します。

修正する内容

探す方法

修正が必要な理由

解決方法

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

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

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

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

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

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

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

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

ハイパーリンク テキストに独立した情報として意味があり、ユーザーにリンク先についての正確な情報を提供しているかどうかを判断するには、文書を目視で確認します。

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

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

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

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

色で識別されるようにしている箇所がないか、目視で確認します。

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

アクセシビリティの高いテキスト形式を使用する

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

色のコントラストが十分でない場合は、アクセシビリティ チェック を使用します

文書内で、背景を読み取りにくい、または区別しにくいテキストを探す方法があります。

文書のテキストと背景のコントラストの差を大きくすると、より多くのユーザーにとって見やすく、使いやすいコンテンツになります。

アクセシビリティの高いテキストの色を使用する

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

見出しの順序が論理的か確認するには、文書の目次を目視で確認します。

各見出しをクリックして、組み込みの見出しスタイルを適用できます。

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

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

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

箇条書きを使用する

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

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

テーブルに分割されたセル、結合されたセル、または入れ子になったテーブルが含まれるのを確認します。

テーブルを視覚的にスキャンして、完全に空白の行や列が含されていないことを確認することもできます。

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

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

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

代替テキストをビジュアルに追加 Microsoft 365

次の手順では、新しいドキュメント内のビジュアルに代替テキストを追加 Word 説明 Microsoft 365。

注: 

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

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

ヒント: 良い代替テキストを作成するには、画像の内容と目的を簡潔かつ明確に伝えます。 代替テキストは、短い文または 2 つ以上の長さである必要があります。ほとんどの場合、いくつかの慎重に選択された単語が行います。 周囲のテキストコンテンツを代替テキストとして繰り返したり、"画像のグラフィック" や "の画像" などの画像を参照する語句を使用したりすることはできません。

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

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

  1. 次のいずれかの操作を行います。

    • 画像を選択し、[図 の書式設定 ] リボン タブの [代替 テキスト] ボタンを 押します。

    • 画像を右クリックし、[代替テキストの編集 ] を選択します

    Word のコンテキスト メニューの [代替テキスト] オプション

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

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

    Word の [代替テキスト] ウィンドウ

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

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

  1. 次のいずれかの操作を行います。

    • 図形または SmartArt グラフィックを選択し、[ 図形の書式設定 ] リボン タブの [代替 テキスト] ボタンを 押します。

    • 図形または SmartArt グラフィックを右クリックし、[代替テキストの編集 ] を選択します

    図形に代替テキストを追加するコンテキスト メニューの [代替テキスト] オプション

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

  2. 図形または SmartArt グラフィックの内容とコンテキストを説明する 1 ~ 2 文を入力します。

    Word の [代替テキスト] ウィンドウ

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

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

  1. 次のいずれかの操作を行います。

    • グラフを選択し、[書式] リボン タブ の [代替 テキスト ] ボタンを 押します。

    • グラフを右クリックし、[代替テキストの編集 ] を選択します

    ヒント: 正しいメニューを開く場合は、[グラフエリア] を右クリックします。つまり、グラフの一部ではなく、グラフ全体を囲むフレーム内の任意の場所をクリックします。

  2. グラフの内容とコンテキストを説明する 1 ~ 2 文を入力します。

    Word の [代替テキスト] ウィンドウ

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

ビジュアルを装飾する

装飾オブジェクトは視覚的な関心を引くが、有益ではない (スタイルの罫線など) スクリーン リーダーを使用しているユーザーは、重要な情報が見つからないことを知って、これらは装飾的な言葉で読み上げらえます。

  1. ビジュアルを右クリックします。

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

  3. [装飾用 としてマークする] チェック ボックスをオンにします。 テキスト入力フィールドが灰色表示されます。

    [代替テキスト] ウィンドウでオンにした [装飾] チェック ボックス

ヒント: 文書を PDF としてエクスポートした場合、装飾としてマークしたビジュアルは、アイテムとしてタグ付けすることで保持されます。

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

次の手順では、文書内のビジュアルに代替テキストを追加 Word 説明します。

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

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

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

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

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

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

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

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

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

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

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

  2. [SmartArt の書式設定] > [図形のオプション] > [レイアウトとプロパティ] を選択します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

次の手順では、文書内のハイパーリンク、テキスト、および表の Word 説明します。

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

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

  2. [ハイパーリンク] を選択します。

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

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

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

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

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

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

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

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

  2. [ホーム] タブで見出しのスタイルを選択します ([見出し 1] や [見出し 2] など)。

箇条書きを使用する

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

  2. [ホーム] タブを選択します。

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

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

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

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

  2. [ホーム] タブを選択します。

  3. [段落番号] ボタンを選択します。

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

アクセシビリティの高いテキストの色を使用する

いくつかのアイデアを紹介します。

  • テキストが正しく表示されるようにするには、フォントの色の [自動] 設定を使用します。 テキストを選択し、[ホーム] > [フォントの色] > [自動] を選択します。

    Word for Mac のフォントの色の選択メニュー
  • アクセシビリティ チェックを使用することにより、文書を分析し、色のコントラストが十分でない箇所を探します。 ツールによって、ページの色、表のセルの背景、強調表示、テキスト ボックスの塗りつぶしの色、段落の網かけ、図形と SmartArt の塗りつぶし、ヘッダーとフッター、リンクに対するテキストの色が適切かどうかについて文書が調べられるようになりました。

  • 色とコントラストを分析する無料アプリである、Colour Contrast Analyzer を使用すると、ほぼ瞬時に結果を表示できます。

アクセシビリティの高いテキスト形式を使用する

いくつかのアイデアを紹介します。

  • 色分けされたハイパーリンク テキストに下線を付けます。 色の見分けが困難な人でも、テキストにリンクが付いていることがわかります。

  • 状態の指示に色が利用されている場合、図形を追加します。 たとえば、"合格" を示すために Excel の緑のチェック マーク 緑色が使用される場合はチェックマーク記号を追加し、赤色が "不合格" を示す場合は大文字の X 中に大文字の X が表示されている赤いボックスのスクリーンショット。 を追加します。

注: その他の提案事項については、usability.gov や、色覚に障碍のあるユーザー向けの Web アクセシビリティのページを参照してください。

文字間隔を使用する

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

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

  2. [ホーム] タブを選択します。

  3. [行と段落の間隔] > [行間のオプション] を選択します。

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

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

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

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

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

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

関連項目

iOS: Word 文書のアクセシビリティを向上させるためのベスト プラクティス

次の表では、障碍のあるユーザーにとって使いやすい Word 文書を作成するための重要なベスト プラクティスを示します。

修正する内容

修正が必要な理由

解決方法

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

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

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

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

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

アクセシビリティの高いテキスト形式を使用する

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

文書のテキストと背景のコントラストの差を大きくすると、より多くのユーザーにとって見やすく、使いやすいコンテンツになります。

アクセシビリティの高いテキストの色を使用する

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

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

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

文字間隔を使用する

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

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

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

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

箇条書きを使用する

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

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

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

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

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

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

次の手順では、文書内のハイパーリンク、テキスト、および表の Word 説明します。

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

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

  2. [ホーム] タブ を開く場合は、画面下部のツール バーの最後にある [その他] ボタンをタップします。

  3. [ホーム]、[挿入] の順にタップします。

  4. [リンク] コマンドをタップ します。

  5. 選択したテキストが [表示] ボックスに 表示されます。 これがハイパーリンク テキストです。 必要に応じてテキストを変更します。

  6. ハイパーリンクを追加するには、[アドレス] ボックスにURL を入力します。

  7. 画面上部にある [完了] をタップします。

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

URL (アドレス) と表示文字列が表示されている [リンク] コマンド

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

  1. テキストを選びます。

  2. [ホーム] タブ を開く場合は、画面下部のツール バーの最後にある [その他] ボタンをタップします。

  3. [スタイル] コマンドをタップ します。

  4. [見出し 1] などの見出しスタイルをタップします。

[見出し 1] が選択された状態の [スタイル] コマンド

箇条書きを使用する

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

  2. [ホーム] タブ を開く場合は、画面下部のツール バーの最後にある [その他] ボタンをタップします。

  3. [箇条書 き] コマンドを タップします。

  4. 目的の行頭文字のオプションをタップします。

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

書式設定オプションが表示されている [箇条書き] コマンド

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

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

  2. [ホーム] タブ を開く場合は、画面下部のツール バーの最後にある [その他] ボタンをタップします。

  3. [番号] コマンドをタップ します。

  4. 目的の段落番号オプションをタップします。

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

書式設定オプションが表示された展開された [番号付け] コマンド

アクセシビリティの高いテキストの色を使用する

いくつかのアイデアを紹介します。

  • テキストが正しく表示されるようにするには、フォントの色の [自動] 設定を使用します。 テキストを選択し、[ホーム] > [フォントの色] > [自動] を選択します。

    フォントの色の自動設定のスクリーンショット
  • 色とコントラストを分析する無料アプリである、Colour Contrast Analyzer を使用すると、ほぼ瞬時に結果を表示できます。

アクセシビリティの高いテキスト形式を使用する

いくつかのアイデアを紹介します。

  • 色分けされたハイパーリンク テキストに下線を付けます。 色の見分けが困難な人でも、テキストにリンクが付いていることがわかります。

  • 状態の指示に色が利用されている場合、図形を追加します。 たとえば、"合格" を示すために Excel の緑のチェック マーク 緑色が使用される場合はチェックマーク記号を追加し、赤色が "不合格" を示す場合は大文字の X 中に大文字の X が表示されている赤いボックスのスクリーンショット。 を追加します。

注: その他の提案事項については、usability.gov や、色覚に障碍のあるユーザー向けの Web アクセシビリティのページを参照してください。

文字間隔を使用する

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

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

  2. [ホーム] タブ を開く場合は、画面下部のツール バーの最後にある [その他] ボタンをタップします。

  3. [段落の書式設定] をタップ>行間をタップします

  4. 目的の間隔オプションをタップします。

”1.15” が選択された状態の書式設定オプションが表示されている [行間] コマンド

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

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

  2. [ホーム] > [挿入] > [] をタップします。

  3. [スタイル オプション ] コマンドをタップ します。

  4. [見出し行] オプションを選択するには、それをタップします。

  5. テーブルに列見出しを入力します。

[見出し行] が選択された [スタイル オプション] コマンドが展開されている

関連項目

Android: Word 文書のアクセシビリティを向上させるためのベスト プラクティス

次の表では、障碍のあるユーザーにとって使いやすい Word 文書を作成するための重要なベスト プラクティスを示します。

修正する内容

修正が必要な理由

解決方法

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

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

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

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

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

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

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

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

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

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

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

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

アクセシビリティの高いテキスト形式を使用する

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

文書のテキストと背景のコントラストの差を大きくすると、より多くのユーザーにとって見やすく、使いやすいコンテンツになります。

アクセシビリティの高いテキストの色を使用する

大きなフォント サイズ (18 pt 以上) の san serif フォントと十分な空白を使用します。

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

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

文字間隔を使用する

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

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

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

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

箇条書きを使用する

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

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

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

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

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

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

次の手順では、文書内のビジュアルや表に代替テキストを追加 Word します。

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

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

スクリーン リーダーがテキストを読み取って画像を表示できないユーザーに画像を説明できるよう、画像やスクリーンショットなどの画像に代替テキストを追加します。

  1. 画像を選択します。

  2. [ 画像] タブを開く場合は、画面の下部にあるツール バーの右側にある [その他のオプション] ↑キー します。

  3. 下にスクロールして [ 代替テキスト] オプションを表示し、それをタップします。

  4. 説明を入力します。 変更内容が自動的に保存されます

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

Word for Android の [画像の代替テキスト] ダイアログ ボックス

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

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

  1. 図形を選択します。

  2. [図形] タブ を開くには、画面下部のツール バーの右側にある [その他の図形] ↑キー します。

  3. 下にスクロールして [ 代替テキスト] オプションを表示し、それをタップします。

  4. 説明を入力します。 変更内容が自動的に保存されます

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

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

  1. テーブル内の任意の場所をタップします。

  2. [ 表] タブを開く場合は、画面の下部にあるツール バーの右側にある [その他のオプション] ↑キー します。

  3. 下にスクロールして [ 代替テキスト] オプションを表示し、それをタップします。

  4. 説明を入力します。 変更内容が自動的に保存されます

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

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

次の手順では、文書内のハイパーリンク、テキスト、および表の Word 説明します。

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

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

  2. [ホーム] タブ を開くには、画面下部のツール バーの右側にある [その他のオプション] ↑キー します。

  3. [ホーム]、[挿入] の順にタップします。

  4. [リンク] オプションまで 下にスクロール してタップし、[リンクの挿入] をタップします

  5. 選択したテキストが、[表示文字列] ボックスに表示されます。 これがハイパーリンク テキストです。 必要に応じてテキストを変更します。

  6. ハイパーリンクを追加するには、[アドレス] ボックスに URL を入力します。

  7. 画面の上部にある [適用] を タップします

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

表示文字列とアドレスが表示されている [リンク] コマンド

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

  1. テキストを選びます。

  2. [ホーム] タブ を開くには、画面下部のツール バーの右側にある [その他のオプション] ↑キー します。

  3. [スタイル] オプションまで 下にスクロール し、それをタップします。

  4. [見出し 1] などの見出しスタイルをタップします。

Word for Android の見出しスタイル メニュー

箇条書きを使用する

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

  2. [ホーム] タブ を開くには、画面下部のツール バーの右側にある [その他のオプション] ↑キー します。

  3. 下にスクロールして [箇条 書き ] オプションを表示し、それをタップします。

  4. 目的の行頭文字のオプションをタップします。

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

Word for Android の箇条書きメニュー

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

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

  2. [ホーム] タブ を開くには、画面下部のツール バーの右側にある [その他のオプション] ↑キー します。

  3. 下にスクロールして [ 番号] オプションを表示し、それをタップします。

  4. 目的の段落番号オプションをタップします。

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

Word for Android の [順序付きリスト] メニュー

アクセシビリティの高いテキストの色を使用する

いくつかのアイデアを紹介します。

  • テキストが正しく表示されるようにするには、フォントの色の [自動] 設定を使用します。 テキストを選択し、[ホーム] > [フォントの色] > [自動] を選択します。

    Word for Android の [フォントの色] メニュー
  • 色とコントラストを分析する無料アプリである、Colour Contrast Analyzer を使用すると、ほぼ瞬時に結果を表示できます。

アクセシビリティの高いテキスト形式を使用する

いくつかのアイデアを紹介します。

  • 色分けされたハイパーリンク テキストに下線を付けます。 色の見分けが困難な人でも、テキストにリンクが付いていることがわかります。

  • 状態の指示に色が利用されている場合、図形を追加します。 たとえば、"合格" を示すために Excel の緑のチェック マーク 緑色が使用される場合はチェックマーク記号を追加し、赤色が "不合格" を示す場合は大文字の X 中に大文字の X が表示されている赤いボックスのスクリーンショット。 を追加します。

注: その他の提案事項については、usability.gov や、色覚に障碍のあるユーザー向けの Web アクセシビリティのページを参照してください。

文字間隔を使用する

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

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

  2. [ホーム] タブ を開くには、画面下部のツール バーの右側にある [その他のオプション] ↑キー します。

  3. [段落の書式設定] オプションまで 下にスクロール し、それをタップします。

  4. 目的の間隔オプションをタップします。

Word for Android の [段落の書式設定] メニュー

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

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

  2. [ 表] タブを開く場合は、画面の下部にあるツール バーの右側にある [その他のオプション] ↑キー します。

  3. 下にスクロールして [ スタイル オプション] オプションを表示し、それをタップします。

  4. [見出し行] オプションを選択するには、それをタップします。

    ヒント: オプションを選択すると、灰色で表示されます。

  5. 表に、各列見出しを入力します。

Word for Android の表スタイルのオプション メニュー

関連項目

モバイル デバイス用 Windows:Word 文書のアクセシビリティを向上させるためのベスト プラクティス

次の表では、障碍のあるユーザーにとって使いやすい Word 文書を作成するための重要なベスト プラクティスを示します。

修正する内容

修正が必要な理由

解決方法

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

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

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

グラフィック、表、図形、その他のビジュアルには、代替テキストを追加します。

代替テキストは、SmartArt グラフィック、図形、グループ、グラフ、埋め込みオブジェクト、リンクされた画像、インク描画、ビデオなど、画像や他のビジュアルで画面が何が重要かを画面に表示できないユーザーに役立ちます。

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

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

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

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

ビジュアルを装飾する

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

視覚障碍または色覚障碍のある方は、特定の色が伝える意味を取り損なう可能性があります。 色だけを使って意味を伝えないようにしてください。 色やその他の感覚特性の意味と同じ内容を示すテキストを作成します。

アクセシビリティの高いテキスト形式を使用する

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

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

アクセシビリティの高いテキストの色を使用する

大きなフォント サイズ (18 pt 以上) のサンセリフ フォントと十分な空白を使用します。

失読症のユーザーは、ページ上の単語が動いているか、テキストがまとまって移動している (テキスト行が下の行に圧縮される) と感じる可能性があります。 また、テキストが結合していたり、歪んでいると感じる可能性もあります。

読む際の負荷を減らすために、次のような操作を実行できます。

  • Arial や Calibri などの使い慣れたサンセリフ フォントを使用します。

  • すべて大文字にしたり、過剰に斜体や下線を使用したりしないでください。

  • 行と段落の間に十分な空白を含めます。

  • 両端揃えではなく、段落を左揃えにします。 この操作を行うと、単語間の間隔が大きくなることを避けることができます。 大きな間隔があると、段落間で空白の流れが生じる視覚効果が作られる可能性があります。

アクセシビリティの高いテキスト形式を使用する

適切な文字間隔を使用する

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

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

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

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

箇条書きを使用する

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

単純な表構造を使用し、列ヘッダーを指定します。

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

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

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

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

次の手順では、文書内のビジュアルや表に代替テキストを追加 Word します。

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

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

スクリーン リーダーが画像の説明を読み上引きできるよう、写真、グラフィック、スクリーンショットなどの画像に代替テキストを追加します。

  1. 文書内の画像を選択します。

  2. [画像] メニュー を開 く場合は、[その他](...) ボタンをタップします。

  3. [画像] メニューで、下方向にスクロールして [代替テキスト] を表示し、それをタップします。

  4. [説明] テキスト フィールドに代替テキストを入力します。 簡潔にまとめ、最も重要な情報から始めて、画像の内容と機能を伝えることを目指します。 入力し終わったら、[完了] をタップします。

Word Mobile の [代替テキスト] ダイアログ

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

インライン図形、SmartArt 内の図形やその他の図形を使用して視覚的な情報を伝える場合は、代替テキストを追加しないとスクリーン リーダーで読むことができません。

  1. 文書内の図形を選択します。

  2. [図形] メニュー 開く場合は、[その他](...) ボタンをタップします。

  3. [図形] メニューで、下方向にスクロールして [代替テキスト] を表示し、それをタップします。

  4. [説明] テキスト フィールドに代替テキストを入力します。 簡潔にまとめ、最も重要な情報から始めて、図形の内容と機能を伝えることを目指します。 入力し終わったら、[完了] をタップします。

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

代替テキストを表に追加することで、スクリーン リーダーを使用するユーザー向けに表の内容を伝える簡単な概要を入力します。

  1. テーブル内の任意の場所をタップします。

  2. [テーブル] メニュー を開 く場合は、[その他](...) ボタンをタップします。

  3. [] メニューで、下方向にスクロールして [代替テキスト] を表示し、それをタップします。

  4. [説明] テキスト フィールドに代替テキストを入力します。 簡潔にまとめ、最も重要な情報から始めて、表の内容と機能を伝えることを目指します。 入力し終わったら、[完了] をタップします。

ビジュアルを装飾する

装飾オブジェクトは視覚的な関心を引くが、有益ではない (スタイルの罫線など) スクリーン リーダーを使用しているユーザーは、重要な情報が見つからないことを知って、これらは装飾的な言葉で読み上げらえます。

  1. 文書内のビジュアルを選択します。

  2. メニューを開く場合は、[その他](...) ボタンをタップします。

  3. 下にスクロールして 代替テキストを表示し 、それをタップします。

  4. [装飾用 としてマークする] チェック ボックスをオンにします。 テキスト入力フィールドが淡色表示されます。

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

次の手順では、文書内のハイパーリンク、テキスト、テーブルのアクセス Word 説明します。

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

わかりやすいハイパーリンクをテキストに追加し、ユーザーがリンクの背後にある情報を理解できるようにします。

  1. ハイパーリンクを追加するテキストの一部を選択します。

  2. ツール バーを右にスクロールし、[リンク] (Word Mobile のリンク ボタン アイコン) ボタンを見つけてタップします。

  3. 選択したテキストが、[表示文字列] フィールドに表示されます。 これがハイパーリンク テキストです。 必要に応じて変更できます。

    ヒント: “ここをクリック” または同様の説明のない式を使用しないでください。 ハイパーリンクのリンク先ページのタイトルがページの概要を正確に示す場合は、ハイパーリンク テキストに使用できます。 たとえば、このハイパーリンク テキストは、リンク先ページのタイトルと一致します。Office Online のテンプレートとテーマ

  4. ハイパーリンクを追加するには、[アドレス] ボックスに URL を入力します。

  5. 画面上部にある [挿入] をタップします。

Word Mobile の [リンク テキスト] ダイアログ

アクセシビリティの高いテキスト形式を使用する

テキストの書式設定を向上させるには、プレーンなサンセリフ フォントを選択して、大きなフォント サイズを使用し、テキストを左揃えに整列して、ブロックの大文字や斜体の過剰な使用を避けます。

  1. 書式設定するテキストの一部を選択します。

  2. [ホーム] メニュー 開く場合は、[その他](...) ボタンをタップします。

  3. たとえば、[ホーム] メニューで、大きなフォント サイズおよびサンセリフのフォントの種類を選択できます。 強調するための太字フォントなど、その他の書式設定オプションを使用することもできます。

Word Mobile のテキスト書式設定メニューのスクリーンショット。

アクセシビリティの高いテキストの色を使用する

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

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

  2. [ホーム] メニュー 開く場合は、[その他](...) ボタンをタップします。

  3. [フォントの色] オプションで、右矢印をタップします。

  4. [自動] をタップします。

[自動] オプションが選択された状態の [フォントの色] メニューのスクリーンショット。

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

組み込みの見出しスタイルを使用して、スクリーン リーダー用に文書のアウトラインを形成します。 組み込みのスタイルが適用されている場合を除き、大きい太字のフォントを使用しているテキストがスクリーン リーダーで見出しと解釈されることはありません。

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

  2. [ホーム] メニュー 開く場合は、[その他](...) ボタンをタップします。

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

  4. [見出し 1] などの見出しスタイルをタップします。

Word Mobile の [スタイル] メニューで [見出し 1] オプションを選択した状態のスクリーンショット。

箇条書きを使用する

可能な場合は、読みやすさとアクセシビリティを向上させるために、テキストを箇条書きに分割します。

  1. 文書でリストを追加する場所にカーソルを置くか、リストに含まれるテキストの一部を選択します。

  2. [ホーム] メニュー 開く場合は、[その他](...) ボタンをタップします。

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

  4. 使用する行頭文字のスタイルを選択します。

  5. 必要な場合は、リスト アイテムを入力します。

    ヒント: スクリーン リーダーを一時停止させるには、各リスト アイテムの最後に終止符またはコンマを使用します。

Word Mobile で箇条書きのスタイルを選択するための [箇条書き] メニューのスクリーンショット。

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

可能な場合は、継続的なテキストのブロックよりもわかりやすい番号付きリストを使用します。

  1. 文書でリストを追加する場所にカーソルを置くか、リストに含まれるテキストの一部を選択します。

  2. [ホーム] メニュー 開く場合は、[その他](...) ボタンをタップします。

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

  4. 使用する段落番号のスタイルを選択します。

  5. 必要な場合は、リスト アイテムを入力します。

    ヒント: スクリーン リーダーを一時停止させるには、各リスト アイテムの最後に終止符またはコンマを使用します。

Word Mobile で段落番号のスタイルを選択した状態の [段落番号] メニューのスクリーンショット。

適切な文字間隔を使用する

読みやすさを向上させるために、文と文の間および段落間の空白を増やしたり減らしたりします。

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

  2. [ホーム] メニュー 開く場合は、[その他](...) ボタンをタップします。

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

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

行間隔の値を選択するための Word Mobile メニューのスクリーンショット。

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

テーブルに見出しを追加すると、スクリーン リーダーが列や行を管理するために役立ちます。

  1. 表で、最初の行の任意の場所にカーソルを置きます。

  2. [テーブル] メニュー を開 く場合は、[その他](...) ボタンをタップします。

  3. [表] メニューの [挿入] を タップします

  4. [上に行を挿入] をタップします。

  5. 前のメニューに戻るには、[挿入] メニューのヘッダーで左矢印をタップします。

  6. [] メニューで、下方向にスクロールして [スタイルのオプション] を表示し、それをタップします。

  7. [見出し行] を選択します。

  8. 表に戻って、列見出しを入力します。

[見出し行] オプションが選択された状態の [スタイルのオプション] メニューのスクリーンショット。

関連項目

Officeオンライン: ドキュメントのアクセスを Web 用 Word するためのベスト プラクティス

次の表では、障がいのあるユーザー Web 用 Word ドキュメントを作成するための重要なベスト プラクティスを示します。

修正する内容

探す方法

修正が必要な理由

解決方法

画像や表に代替テキストを含める。

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

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

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

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

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

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

ハイパーリンク テキストに独立した情報として意味があり、ユーザーにリンク先についての正確な情報を提供しているかどうかを判断するには、文書を目視で確認します。

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

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

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

色で識別されるようにしている箇所がないか、目視で確認します。

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

アクセシビリティの高いテキスト形式を使用する

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

色のコントラストが十分でない場合は、文書内で、読みにくいテキストや背景と区別しにくいテキストを探します。

文書のテキストと背景のコントラストの差を大きくすると、より多くのユーザーにとって見やすく、使いやすいコンテンツになります。

アクセシビリティの高いテキストの色を使用する

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

組み込みのスタイルを使用していない見出しを見つけるには、文書内で見出しとして書式設定されているように見えるテキストを目視で探します。 このテキストを選択し、リボンの [ホーム] タブで、見出しスタイルが使用されているかどうかを確認します。

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

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

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

箇条書きを使用する

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

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

アクセシビリティ チェック を使用 して、テーブルに分割されたセル、結合されたセル、または入れ子になったテーブルが含まれるのを確認します。

テーブルを視覚的にスキャンして、完全に空白の行や列が含されていないことを確認することもできます。

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

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

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

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

次の手順では、文書内の画像や表に代替テキストを追加 Web 用 Word 説明します。

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

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

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

  1. 画像を選択します。

  2. [図 ] を選択 > 代替テキストを選択します。 画面 の右側に [図の書式設定] ウィンドウが開きます。

  3. [説明] ボックスに代替テキスト を入力します。

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

Web 用 Word の [図の書式設定] の [代替テキスト] ウィンドウ。

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

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

  2. [表] タブ>代替テキストを選択します。 [ 代替テキスト] ダイアログ ボックスが開きます。 [代替テキスト] オプションを表示するには 、[...]ボタンを選択する 必要がある場合 があります。 

  3. [説明] ボックスに代替テキストを入力し、[OK] を選択します

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

Web 用 Word の [表の代替テキスト] ダイアログ ボックス。

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

次の手順では、文書内のハイパーリンク、テキスト、および表の Web 用 Word 説明します。

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

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

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

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

  4. [アドレス ] ボックスにハイパーリンクのリンク先アドレスを入力し、[挿入] を選択します

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

Web 用 Word の [リンクの挿入] ダイアログ ボックス。

アクセシビリティの高いテキストの色を使用する

いくつかのアイデアを紹介します。

  • テキストが正しく表示されるようにするには、フォントの色の [自動] 設定を使用します。 テキストを選択し、[ホーム] タブ ( フォント> Web 用 Word の [フォントの色] ボタン。 ) を選択し、[自動> 選択します

    Word Online のフォントの色の選択メニュー
  • 色とコントラストを分析する無料アプリである、Colour Contrast Analyzer を使用すると、ほぼ瞬時に結果を表示できます。

アクセシビリティの高いテキスト形式を使用する

いくつかのアイデアを紹介します。

  • 色分けされたハイパーリンク テキストに下線を付けます。 色の見分けが困難な人でも、テキストにリンクが付いていることがわかります。

  • 状態の指示に色が利用されている場合、図形を追加します。 たとえば、"合格" を示すために Excel の緑のチェック マーク 緑色が使用される場合はチェックマーク記号を追加し、赤色が "不合格" を示す場合は大文字の X 中に大文字の X が表示されている赤いボックスのスクリーンショット。 を追加します。

注: その他の提案事項については、usability.gov や、色覚に障碍のあるユーザー向けの Web アクセシビリティのページを参照してください。

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

  1. 見出しのテキストを選択し、[ホーム] タブ を選択 します。

  2. [スタイル ] ボタン を選択し、見出しスタイル (見出し 1 や見出し 2 など) を選択します

Word Online の [テキスト スタイル] メニュー

箇条書きを使用する

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

  2. [ホーム] タブを選択します。

  3. [箇条 Web 用 Word の [箇条書き] ボタン。 (箇条書き) ボタンを選択し、使用する行頭文字のスタイルを選択します。

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

Word Online の [箇条書き] メニュー

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

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

  2. [ホーム] タブを選択します。

  3. 新しい Web 用 Word の [番号] ボタン。 (番号付け) ボタンを選択し、使用するリストのスタイルを選択します。

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

Word Online の [番号] メニュー

文字間隔を使用する

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

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

  2. [ホーム] タブを選択します。

  3. [段落 ] グループの右下隅にある [ダイアログ ボックス起動ツール] ボタンを選択します。

    Web 用 Word の [段落のオプション] ボタン。

    [ 段落] ダイアログ ボックスが開き、[全般]、[ インデント]、および [行間隔] オプション が表示 されます。

  4. [ 間隔]で、目的の間隔オプションを選択し、[OK] を選択します

Web 用 Word の [段落のオプション] ダイアログ ボックス。

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

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

  2. [テーブルデザイン] タブ>行を選択します

    Web 用 Word で選択された [表の見出し行]

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

関連項目

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

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

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

ヘルプを表示

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

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

フィードバックをお送りいただきありがとうございます!

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

×