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

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

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

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

Word には、障碍のある方を含めたさまざまなユーザーがドキュメントを読み、作成できるように、多数の支援機能が組み込まれています。また、障碍のあるユーザーにとって問題になる可能性がある要素を見つけるためのアクセシビリティ チェックも用意されています。

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

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

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

修正する内容

探す方法

修正が必要な理由

解決方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

色のコントラストが十分でない箇所を探すには、背景から判読が難しいまたは判別しにくいテキストを文書内で探します。

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

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

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

論理的な順序になっていない見出しを見つけるには、アクセシビリティ チェックを使用します。

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

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

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

箇条書きを使用する

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

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

テーブルのセルが分割または結合されていたり、テーブルが入れ子になっていたり、行または列が完全に空白でないことを確認するには、アクセシビリティ チェックを使用します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[表のプロパティ] ダイアログ ボックスの [代替テキスト] タブのスクリーンショット

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

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

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

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

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

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

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

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

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

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

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

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

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

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

箇条書きを使用する

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

文字間隔を使用する

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

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

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

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

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

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

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

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

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

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

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

関連項目

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

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

修正する内容

探す方法

修正が必要な理由

解決方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

色のコントラストが十分でない箇所を探すには、背景から判読が難しいまたは判別しにくいテキストを文書内で探します。

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

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

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

論理的な順序になっていない見出しを見つけるには、アクセシビリティ チェックを使用します。

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

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

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

箇条書きを使用する

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

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

テーブルのセルが分割または結合されていたり、テーブルが入れ子になっていたり、行または列が完全に空白でないことを確認するには、アクセシビリティ チェックを使用します。

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

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

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

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

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

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

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

  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. 一連のステップを入力します。

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

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

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

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

    フォントの色の自動設定のスクリーンショット
  • 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] などの見出しスタイルをタップします。

[見出し 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 行目に入れ、できるだけ簡潔にします。

[図] タブの [代替テキスト] コマンド

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

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

  1. 図形を選択します。

  2. [図形] タブを開くには、画面下部またはツール バーの端にある上向き矢印をタップします。

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

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

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

[図形] タブの [代替テキスト] コマンド

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

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

  2. [テーブル] タブを開くには、画面下部またはツール バーの端にある上向き矢印をタップします。

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

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

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

[テーブル] タブの [代替テキスト] コマンド

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

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

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

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

  2. [ホーム] タブを開くには、画面下部またはツール バーの端にある上向き矢印をタップします。

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

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

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

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

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

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

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

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

  • テキストを選びます。

  • [ホーム] タブを開くには、画面下部またはツール バーの端にある上向き矢印をタップします。

  • [スタイル] コマンドで、右矢印をタップします。

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

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

箇条書きを使用する

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

  2. [ホーム] タブを開くには、画面下部またはツール バーの端にある上向き矢印をタップします。[箇条書き] コマンドで、右矢印をタップします。

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

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

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

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

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

  2. [ホーム] タブを開くには、画面下部またはツール バーの端にある上向き矢印をタップします。[段落番号] コマンドで、右矢印をタップします。

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

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

書式設定オプションが表示されている [段落番号] コマンド

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

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

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

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

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

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

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

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

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

文字間隔を使用する

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

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

  2. [ホーム] タブを開くには、画面下部またはツール バーの端にある上向き矢印をタップします。

  3. [段落の書式設定] コマンドで、右矢印をタップします。

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

書式設定オプションが表示された状態の [段落] コマンド

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

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

  2. [テーブル] タブを開くには、画面下部またはツール バーの端にある下向き矢印をタップします。

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

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

    ヒント: オプションは選択されている場合、灰色です。

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

[タイトル行] が選択された状態の [スタイルのオプション] コマンド

関連項目

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

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

修正する内容

探す方法

修正が必要な理由

解決方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

色のコントラストが十分でない箇所を探すには、背景から判読が難しいまたは判別しにくいテキストを文書内で探します。

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

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

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

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

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

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

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

箇条書きを使用する

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

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

Word Online のアクセシビリティ チェックを使用して、テーブルにセルの分割、結合されたセル、入れ子になったテーブル、または完全に空白の行または列が含まれていないことを確認します。

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

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

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

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

次の手順では、Word Online 文書内の画像や表に代替テキストを追加する方法について説明します。

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

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

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

  1. 画像を選択します。

  2. [図ツール] > [書式] を選択します。

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

  4. [代替テキスト] ダイアログ ボックスに説明を入力します。

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

[タイトル] フィールドと [説明] フィールドが表示されている [代替テキスト] ダイアログのスクリーン​​ショット。

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

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

  2. [表ツール] > [レイアウト] を選択します。

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

  4. [代替テキスト] ダイアログ ボックスに説明を入力します。

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

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

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

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

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

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

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

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

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

ハイパーリンク情報を指定する [表示文字列] と [アドレス] のフィールドがある [リンク] ダイアログのスクリーンショット。

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

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

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

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

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

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

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

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

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

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

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

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

[見出し 1]、[見出し 2]、[見出し 3] などのスタイルが表示されている [ホーム] タブの [スタイル] グループのスクリーンショット。

箇条書きを使用する

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

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

  3. [段落] グループで、[箇条書き] ボタンを選択し、使用する行頭文字のスタイルを選択します。

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

[ホーム] タブの [段落] グループにある行頭文字オプションのスクリーンショット。塗りつぶし丸、白抜き丸、四角の行頭文字オプションが表示されています。

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

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

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

  3. [段落] グループで、[段落番号] ボタンを選択し、使用するリストのスタイルを選択します。

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

順序付きリストの番号と文字のオプションが表示された、[ホーム] タブの [段落] グループの [段落番号] オプションのスクリーンショット。

文字間隔を使用する

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

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

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

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

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

[全般]、[インデント]、[間隔] オプションが表示されているスクリーンショット。

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

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

  2. [表ツール] の [デザイン] タブにある [表スタイルのオプション] グループで、[見出し行] を選択します。

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

[テーブル ツール] の [デザイン] タブの [テーブル スタイルのオプション] のスクリーンショット。[見出し行] オプションが選択されています。

Word Online のアクセシビリティ チェックを使用する

  1. [校閲] タブを選びます。

  2. [アクセシビリティのチェック] を選択します。

  3. [アクセシビリティ チェック] の結果を確認します。結果は、次のように検出された問題の重大度に基づいて分類されます。

    • エラー。障碍のあるユーザーにとって理解することがとても困難、または理解できないコンテンツが含まれます。

    • 警告。障碍のあるユーザーにとって理解しにくいコンテンツです。

    • ヒント。ヒントとして、障碍のあるユーザーでもコンテンツを理解することができますが、操作性を向上させるには、コンテンツをわかりやすく整理または表示することをお勧めします。

  4. 問題を修正します。

注: アクセシビリティ チェックは、ドキュメントを調べて、ブラウザーで修正可能なすべての問題を検出します。完全に調べることができるように、ドキュメントをデスクトップ アプリで開いて、Windows または Mac 用のデスクトップ アクセシビリティ チェックを使用してください。

関連項目

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

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

修正する内容

修正が必要な理由

解決方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

詳細な基準とコントラストをチェックするための高度なツールについては、『Section 508 Basic Authoring and Testing Guide』の 16 ページを参照してください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

箇条書きを使用する

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

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

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

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

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

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

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

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

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

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

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

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

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

    ヒント: この情報が読まれる方法はスクリーン リーダーによって異なるため、[タイトル] と [説明] フィールドの両方を入力します。

[タイトル] と [説明] のフィールドが表示された Word Mobile の [代替テキスト] ダイアログのスクリーンショット。

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

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

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

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

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

    ヒント: この情報が読まれる方法はスクリーン リーダーによって異なるため、[タイトル] と [説明] フィールドの両方を入力します。

[タイトル] と [説明] のフィールドが表示された Word Mobile の [代替テキスト] ダイアログのスクリーンショット。

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

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

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

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

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

    ヒント: この情報が読まれる方法はスクリーン リーダーによって異なるため、[タイトル] と [説明] フィールドの両方を入力します。

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

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

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

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

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

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

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

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

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

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

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

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

[表示文字列] と [アドレス] のフィールドがある 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. 表に戻って、列見出しを入力します。

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

関連項目

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

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

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

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

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

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

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

×