障碍のある方のためにアクセシビリティの高い Word 文書を作成する

このトピックでは、 Word ドキュメントにアクセスしやすくし、障腫者を含むすべてのユーザーがコンテンツをロック解除する方法について、詳しい手順とベスト プラクティスを説明します。

たとえば、ドキュメントの作成中にアクセシビリティ チェックを使用してアクセシビリティの問題に対処する方法について説明します。 また、スクリーン リーダーを使用しているユーザーが画像の内容を聞くことができるように、代替テキストを画像に追加する方法についても説明します。 フォント、色、スタイルを使用して、他のユーザーと共有する前に、 Word ドキュメントの包含性を最大化する方法についても説明します。

この記事の内容

Word ドキュメントをアクセス可能にするためのベスト プラクティス

次の表に、障舟者がアクセスできる Word ドキュメントを作成するための主なベスト プラクティスを示します。

修正する内容

探す方法

修正が必要な理由

解決方法

代替テキスト (代替テキスト) や低コントラストの色の欠落など、一般的なアクセシビリティの問題を回避します。

アクセシビリティ チェックを使用します。

すべてのユーザーがドキュメントを簡単に読み取るようにします。

Word での作業中にアクセシビリティを確認する

一般に、可能であればテーブルを避け、別の方法でデータを提示します。

テーブルを使用する必要がある場合は、単純なテーブル構造をデータのみに使用し、列ヘッダー情報を指定します。

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

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

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

テーブルの使用を避ける

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

組み込みのタイトル、サブタイトル、見出しスタイルを使用する

段落バナーを作成する

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

見出しの順序が論理的であることを確認するには、ドキュメントの目次を視覚的にスキャンします。

タブ オーダーを保持し、スクリーン リーダーがドキュメントを読みやすくするには、論理見出しの順序と、 Wordの組み込みの書式設定ツールを使用します。

また、段落バナーを使用してコンテンツを整理することもできます。

組み込みのタイトル、サブタイトル、見出しスタイルを使用する

アクセス可能なリストを作成する

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

段落バナーを作成する

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

代替テキストが見つからない場合は、 アクセシビリティ チェックを使用します。

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

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

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

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

スクリーン リーダーを使用するユーザーは、リンクの一覧を調べることがあります。

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

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

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

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

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

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

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

また、ドキュメント内で、読みにくいテキストや背景との区別が難しいテキストを探すこともできます。

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

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

ドキュメントの [ヘッダー] セクションまたは [フッター] セクションに重要な情報を書き込むのは避けてください。

ヘッダーとフッターは、印刷レイアウト ビューと印刷プレビューでのみ表示されます。

ヘッダーまたはフッターをダブルクリックして、コンテンツをアクティブ化して編集します。

スクリーン リーダーを使用するPeopleは、スクリーン リーダーがヘッダーやフッターをスキャンしないため、重要な情報を見逃しています。

組み込みのタイトル、サブタイトル、見出しスタイルを使用して 、タイトル、サブタイトル、ページ番号、およびその他すべての重要な情報を文書の本文に含めます。

[ヘッダー] セクションまたは [フッター] セクションに冗長な情報を含めます。

ページの先頭へ

Wordでの作業中にアクセシビリティを確認する  

アクセシビリティ チェックは、コンテンツを確認し、それが発生するアクセシビリティの問題にフラグを設定するツールです。 各問題が障穣者にとって潜在的な問題である可能性がある理由について説明します。 アクセシビリティ チェックでは、表示される問題を解決する方法も提案されます。

Wordでは、ドキュメントを作成するときに、アクセシビリティ チェックが自動的にバックグラウンドで実行されます。 アクセシビリティ チェックでアクセシビリティの問題が検出されると、ステータス バーにリマインダーが表示されます。

アクセシビリティ チェックを手動で起動するには、[アクセシビリティの確認 ]>選択します。 [アクセシビリティ] ウィンドウが開き、アクセシビリティの問題を確認して修正できるようになりました。 詳細については、「アクセシビリティ チェックを使用してアクセシビリティを向上させる」と「 ドキュメントのアクセシビリティを確認する」を参照してください。

ヒント:  Officeのアクセシビリティリマインダー アドインを使用して、ドキュメント内のアクセシビリティの問題を作成者と共同作成者に通知します。 アドインを使用すると、アクセシビリティの問題に対する認識を広め、アクセシビリティ チェックの使用を促すリマインダー コメントをすばやく追加できます。 詳細については、「 アクセシビリティリマインダーを使用してアクセシビリティの問題を作成者に通知する」を参照してください。

ページの先頭へ

テーブルの使用を避ける

一般に、可能であればテーブルを避け、見出しやバナーを含む段落など、別の方法でデータを表示します。 固定幅のテーブルは、拡大鏡を使用するユーザーにとって読み取りが困難な場合があります。このようなテーブルはコンテンツを特定のサイズに強制するためです。 これによりフォントが非常に小さくなり、拡大鏡ユーザーは特にモバイル デバイスで水平方向にスクロールします。

テーブルを使用する必要がある場合は、次のガイドラインを使用して、テーブルにできるだけアクセスできることを確認します。

  • 固定幅テーブルは避けてください。

  • 電話やタブレットなど、すべてのデバイスでテーブルが正しくレンダリングされていることを確認します。

  • テーブルにハイパーリンクがある場合は、リンク テキストを編集して意味をなすようにし、文中を区切らないでください。

  • 拡大鏡を使用して文書が簡単に読み取られるようにします。 ドキュメントの下書きを自分に送信し、モバイル デバイスで表示して、たとえば、ユーザーが電話で文書を水平方向にスクロールする必要がないことを確認します。

  • テーブル ヘッダーを使用します。 

  • イマーシブ リーダーを使用してアクセシビリティをテストします

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

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

ヘッダー行をテーブルに追加する方法の詳細な手順については、「Word でアクセス可能なテーブルを作成する」を参照してください。

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

ページの先頭へ

組み込みのタイトル、サブタイトル、見出しスタイルを使用する

タイトルサブタイトル、見出しは、視覚的にも支援的なテクノロジでもスキャンすることを目的としています。

文書のタイトルとサブタイトル専用の組み込みの タイトル スタイルと サブタイトル スタイルを使用します。

理想的には、見出しはドキュメント セクションの概要を説明します。 組み込みの見出しスタイルを使用し、わかりやすい見出しテキストを作成して、スクリーン リーダーユーザーが文書の構造を決定し、見出しを移動しやすくします。

見出しを所定の論理順序で整理し、見出しレベルをスキップしないでください。 たとえば、 見出し 1見出し 2、見出 し 3 ではなく、 見出し1、見出し 2、見出 3 を使用します。 ドキュメント内の情報を小さなチャンクに整理します。 理想的には、各見出しに含まれる段落が 2、3 個だけになるようにします。

見出しとスタイルを使用する方法の詳細な手順については、「見出しスタイルを 使用したアクセシビリティの向上」を参照してください。

ページの先頭へ

段落バナーを作成する

見出しを使用してドキュメント内のコンテンツを整理するだけでなく、段落バナーを作成することもできます。 段落バナーでは、背景のカラー ブロックが文書の幅にまたがり、バナー内のテキストが強調表示されます。 これは、コンテンツを整理および分離するためのテーブルの優れた代替手段です。

段落バナーを作成する方法については、「 単語または段落に網かけを適用する」を参照してください。

ページの先頭へ

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

代替テキストは、画面を表示できないユーザーがビジュアル コンテンツで重要な点を理解するのに役立ちます。 ビジュアル コンテンツには、画像、SmartArt グラフィック、図形、グループ、グラフ、埋め込みオブジェクト、インク、ビデオが含まれます。 代替テキストで、画像を簡単に説明し、その意図を説明します。 スクリーン リーダーは、画像を表示できないユーザーに画像を説明するテキストを読み上げました。

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

ヒント: 適切な代替テキストを作成するには、画像の内容と目的を簡潔かつ明確な方法で伝えるようにしてください。 代替テキストは、短い文または 2 つより長くしないでください。ほとんどの場合、慎重に選択されたいくつかの単語が実行されます。 周囲のテキスト コンテンツを代替テキストとして繰り返したり、画像を参照するフレーズ ("グラフィック" や "画像" など) を使用したりしないでください。 代替テキストを記述する方法の詳細については、 有効な代替テキストを記述するために知っておくべきことすべてに関する記事を参照してください。

代替テキストを追加する方法の詳細な手順については、「 図形、図、グラフ、SmartArt グラフィック、またはその他のオブジェクトに代替テキストを追加する」を参照してください。

代替テキストが見つからない場合は、アクセシビリティ チェックを使用します。

注: 

  • オーディオとビデオのコンテンツの場合は、代替テキストに加えて、聴覚障碍者または聴覚障碍のあるユーザーのクローズド キャプションを含めます。

  • 図内のオブジェクトをグループ化する代わりに、図を図にフラット化し、画像に代替テキストを追加します。 オブジェクトをグループ化する場合、子オブジェクトは引き続きタブ オーダーにグループ化されます。

ページの先頭へ

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

アクセシビリティの高いフォントでは、視覚障碍のある人や読み上げ障碍のある人、視覚障碍のある人など、文書を読んでいる人の読み取り速度が低下したり、除外されたり遅くなったりすることはありません。 適切なフォントを使用すると、ドキュメントの読みやすさと読みやすさが向上します。

既定のフォントを変更する方法については、「 Word で既定のフォントを変更する」を参照してください。

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

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

  • 読み取り負荷を軽減するには、Arial や Calibri などの使い慣れた sans serif フォントを選択します。 すべて大文字にしたり、過剰な斜体または下線を使用したりしないでください。

  • 視覚障穣のある人は、特定の色によって伝えられる意味を見逃す可能性があります。 たとえば、色覚障碍のある方が、色がわからない場合でも、リンクされたテキストがあることがわかるように、色が使用されたハイパーリンク テキストに下線を追加します。

  • 見出しには、太字の追加または大きなフォントの使用を検討してください。

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

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

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

ドキュメント内のテキストは、ハイ コントラスト モードで読み取り可能である必要があります。 たとえば、明るい色、または色スペクトルの反対側にある高コントラストの配色を使用します。 白黒の配色は、色覚障碍のある方にテキストと図形を区別しやすくします。

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

  • ハイ コントラスト モードでテキストが適切に表示されるようにするには、フォントの色に [自動] 設定を使用します。 Wordでフォントの色を変更する方法については、「フォントの色を変更する」を参照してください

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

  • 色と コントラストを分析し、結果をすぐに表示する無料アプリであるカラー コントラストアナライザーを使用します。

ページの先頭へ

アクセス可能なリストを作成する

スクリーン リーダーがドキュメントを読みやすくするために、文書内の情報を箇条書きや番号付きリストなどの小さなチャンクに整理します。

箇条書きの中央に箇条書きまたは数字のないプレーン 段落を追加する必要がないように、リストを設計します。 リストがプレーン 段落で分割されている場合、一部のスクリーン リーダーは間違ったリスト アイテムの数を読み上げる可能性があります。 また、ユーザーはリストの中央で、リストから離れることを聞く場合があります。 

リストを作成する方法の詳細な手順については、「 箇条書きまたは番号付きリストを作成する」を参照してください。

ページの先頭へ

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

失読症のユーザーには、テキストの 1 行がその下の行に圧縮されるなど、ページのテキストが "一緒に浮遊している" ように見えます。 多くの場合にテキストが結合されたり歪んだりして見えます。 読み取り負荷を軽減するために、文と段落の間の空白を増やすことができます。

間隔を調整する手順については、 Word のインデントと間隔の調整に関する記事を参照してください

ページの先頭へ

イマーシブ リーダーを使用してアクセシビリティをテストする

イマーシブ リーダーを使用してドキュメントを読んで、どのように聞こえるかを確認してください。

  1. ドキュメントで、[表示>イマーシブ リーダー] を選択します。

  2. [イマーシブ リーダー] タブで、[読み上げ] を選択します。

  3. イマーシブ リーダーを終了するには、[閉じる] イマーシブ リーダーを選択します。

ページの先頭へ

関連項目

この記事の内容

Word ドキュメントをアクセシビリティ対応にするためのベスト プラクティス

次の表に、障舟者がアクセスできる Word ドキュメントを作成するための主なベスト プラクティスを示します。

修正する内容

探す方法

修正が必要な理由

解決方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

また、ドキュメント内で、読みにくいテキストや背景との区別が難しいテキストを探すこともできます。

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

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

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

見出しの順序が論理的であることを確認するには、ドキュメントの目次を視覚的にスキャンします。

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

タブ オーダーを保持し、スクリーン リーダーがドキュメントを読みやすくするには、論理見出しの順序と、 Wordの組み込みの書式設定ツールを使用します。

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

組み込みのタイトル、サブタイトル、見出しスタイルを使用する

箇条書きを使用する

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

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

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

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

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

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

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

Wordでの作業中にアクセシビリティを確認する  

アクセシビリティ チェックは、コンテンツを確認し、それが発生するアクセシビリティの問題にフラグを設定するツールです。 各問題が障穣者にとって潜在的な問題である可能性がある理由について説明します。 アクセシビリティ チェックでは、表示される問題を解決する方法も提案されます。

Wordでは、ドキュメントを作成するときに、アクセシビリティ チェックが自動的にバックグラウンドで実行されます。 アクセシビリティ チェックでアクセシビリティの問題が検出されると、ステータス バーにリマインダーが表示されます。

アクセシビリティ チェックを手動で起動するには、[アクセシビリティの確認 ]>選択します。 [アクセシビリティ] ウィンドウが開き、アクセシビリティの問題を確認して修正できるようになりました。 詳細については、「アクセシビリティ チェックを使用してアクセシビリティを向上させる」と「 ドキュメントのアクセシビリティを確認する」を参照してください。

ヒント:  Officeのアクセシビリティリマインダー アドインを使用して、ドキュメント内のアクセシビリティの問題を作成者と共同作成者に通知します。 アドインを使用すると、アクセシビリティの問題に対する認識を広め、アクセシビリティ チェックの使用を促すリマインダー コメントをすばやく追加できます。 詳細については、「 アクセシビリティリマインダーを使用してアクセシビリティの問題を作成者に通知する」を参照してください。

ページの先頭へ

テーブルの使用を避ける

一般に、可能であればテーブルを避け、見出しやバナーを含む段落など、別の方法でデータを表示します。 テーブルを使用する必要がある場合は、次のガイドラインを使用して、テーブルにできるだけアクセスできることを確認します。

  • 固定幅テーブルは避けてください。

  • 電話やタブレットなど、すべてのデバイスでテーブルが正しくレンダリングされていることを確認します。

  • テーブルにハイパーリンクがある場合は、リンク テキストを編集して意味をなすようにし、文中を区切らないでください。

  • 拡大鏡を使用して文書が簡単に読み取られるようにします。 ドキュメントの下書きを自分に送信し、モバイル デバイスで表示して、たとえば、ユーザーが電話で文書を水平方向にスクロールする必要がないことを確認します。

  • テーブル ヘッダーを使用します。 

  • イマーシブ リーダーを使用してアクセシビリティをテストします。

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

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

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

ページの先頭へ

組み込みのタイトル、サブタイトル、見出しスタイルを使用する

タイトルサブタイトル、見出しは、視覚的にも支援的なテクノロジでもスキャンすることを目的としています。

文書のタイトルとサブタイトル専用の組み込みの タイトル スタイルと サブタイトル スタイルを使用します。

理想的には、見出しはドキュメント セクションの概要を説明します。 組み込みの見出しスタイルを使用し、わかりやすい見出しテキストを作成して、スクリーン リーダーユーザーが文書の構造を決定し、見出しを移動しやすくします。

見出しを所定の論理順序で整理し、見出しレベルをスキップしないでください。 たとえば、 見出し 1見出し 2、見出 し 3 ではなく、 見出し1、見出し 2、見出 3 を使用します。 ドキュメント内の情報を小さなチャンクに整理します。 理想的には、各見出しに含まれる段落が 2、3 個だけになるようにします。

見出しとスタイルを使用する方法の詳細な手順については、「見出しスタイルを 使用したアクセシビリティの向上」を参照してください。

ページの先頭へ

段落バナーを作成する

見出しを使用してドキュメント内のコンテンツを整理するだけでなく、段落バナーを作成することもできます。 段落バナーでは、背景のカラー ブロックが文書の幅にまたがり、バナー内のテキストが強調表示されます。 これは、コンテンツを整理および分離するためのテーブルの優れた代替手段です。

段落バナーを作成する方法については、「 単語または段落に網かけを適用する」を参照してください。

ページの先頭へ

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

代替テキストは、画面を表示できないユーザーがビジュアル コンテンツで重要な点を理解するのに役立ちます。 ビジュアル コンテンツには、画像、SmartArt グラフィック、図形、グループ、グラフ、埋め込みオブジェクト、インク、ビデオが含まれます。 代替テキストで、画像を簡単に説明し、その意図を説明します。 スクリーン リーダーは、画像を表示できないユーザーに画像を説明するテキストを読み上げました。

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

ヒント: 適切な代替テキストを作成するには、画像の内容と目的を簡潔かつ明確な方法で伝えるようにしてください。 代替テキストは、短い文または 2 つより長くしないでください。ほとんどの場合、慎重に選択されたいくつかの単語が実行されます。 周囲のテキスト コンテンツを代替テキストとして繰り返したり、画像を参照するフレーズ ("グラフィック" や "画像" など) を使用したりしないでください。 代替テキストを記述する方法の詳細については、 有効な代替テキストを記述するために知っておくべきことすべてに関する記事を参照してください。

代替テキストを追加する方法の詳細な手順については、「 図形、図、グラフ、SmartArt グラフィック、またはその他のオブジェクトに代替テキストを追加する」を参照してください。

代替テキストが見つからない場合は、アクセシビリティ チェックを使用します。

注: 

  • オーディオとビデオのコンテンツの場合は、代替テキストに加えて、聴覚障碍者または聴覚障碍のあるユーザーのクローズド キャプションを含めます。

  • 図内のオブジェクトをグループ化する代わりに、図を図にフラット化し、画像に代替テキストを追加します。 オブジェクトをグループ化する場合、子オブジェクトは引き続きタブ オーダーにグループ化されます。

ページの先頭へ

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

次の手順では、 Word ドキュメント内のハイパーリンク、テキスト、およびテーブルにアクセスできるようにする方法について説明します。

ページの先頭へ

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

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

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

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

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

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

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

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

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

ページの先頭へ

箇条書きを使用する

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

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

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

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

Screenshot of bullet style options

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

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

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

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

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

Screenshot of numbering style options

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

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

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

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

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

ページの先頭へ

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

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

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

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

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

文字間隔を使用する

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

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

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

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

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

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

Screenshot of the Paragraph dialog

イマーシブ リーダーを使用してアクセシビリティをテストする

イマーシブ リーダーを使用してドキュメントを読んで、どのように聞こえるかを確認してください。

  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テーブル スタイル オプション メニュー

関連項目

Office Online: Web 用 Word ドキュメントをアクセシビリティ対応にするためのベスト プラクティス

次の表に、障舟者がアクセスできる Web 用 Word ドキュメントを作成するための主なベスト プラクティスを示します。

修正する内容

探す方法

修正が必要な理由

解決方法

イメージとテーブルを含む代替テキストを含めます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

タブ オーダーを保持し、スクリーン リーダーがドキュメントを読みやすくするには、論理見出しの順序と、 Web 用 Wordの組み込みの書式設定ツールを使用します。

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

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

箇条書きを使用する

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

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

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

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

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

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

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

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

次の手順では、 Web 用 Word ドキュメントの画像とテーブルに代替テキストを追加する方法について説明します。

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

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

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

  1. 画像を選択します。

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

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

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

Word for the web の [画像代替テキストの書式設定] ウィンドウ。

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

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

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

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

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

Word for the web の [テーブル代替テキスト] ダイアログ ボックス。

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

次の手順では、 Web 用 Word ドキュメント内のハイパーリンク、テキスト、およびテーブルにアクセスできるようにする方法について説明します。

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

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

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

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

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

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

Word for the web の [リンク挿入] ダイアログ ボックス。

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

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

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

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

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

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

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

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

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

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

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

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

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

箇条書きを使用する

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

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

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

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

Word Online の行頭文字メニュー

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

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

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

  3. Word for the Web の [段落番号] ボタン。 (段落番号) ボタンを選択し、使用するリストのスタイルを選択します。

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

Word Online の番号付けメニュー

文字間隔を使用する

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

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

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

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

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

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

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

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

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

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

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

    Word for the web で選択されているテーブル ヘッダー行。

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

関連項目

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

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

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

ヘルプを表示

ディスカッションに参加

コミュニティにたずねる >

サポートを受ける

お問い合わせ >

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

言語の品質にどの程度満足していますか?
どのような要因がお客様の操作性に影響しましたか?

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

×