注: 最新のヘルプ コンテンツをできるだけ早く、お客様がお使いの言語で提供したいと考えております。このページは、自動翻訳によって翻訳されているため、文章校正のエラーや不正確な情報が含まれている可能性があります。私たちの目的は、このコンテンツがお客様の役に立つようにすることです。お客様にとって役立つ情報であったかどうかを、このページの下部でお知らせください。簡単に参照できるように、こちらに英語の記事があります。
このトピックでは、 Project Onlineサイトやプロジェクトを障碍のあるユーザーがアクセスできるようにするための詳しい手順について説明します。

Project Onlineサイトは視覚性が高く、視覚障碍のあるユーザーは、アクセシビリティを念頭に置いてサイトやプロジェクトを作成すると、より簡単に理解できるようになります。
オンライン: Project online サイトとプロジェクトをアクセシビリティ対応で作成するためのベストプラクティス
次の表は、障碍のあるユーザーがアクセスできるProject Onlineサイトとプロジェクトを作成するための重要なベストプラクティスを示しています。
修正する内容 |
探す方法 |
修正が必要な理由 |
解決方法 |
テキストと背景の色に十分なコントラストを付けます。 |
読みにくい、または背景と区別するために、プロジェクトサイト内のグラフ、表、テキストを探します。 |
弱視のユーザーがコンテンツを確認し、利用できるよう、テキストと背景のコントラストを強くします。白色またはオフホワイトの背景に濃色のテキストを使用するか、反転させて濃色の背景に白色のテキストを使用します。 白黒の配色を使用すると、色覚障碍のあるユーザーがテキストと図形を区別しやすくなります。 |
|
色が、情報を伝達する唯一の手段にならないようにしてください。 |
色分けのインスタンスを見つけるには、プロジェクトサイト内のコンテンツを視覚的にスキャンします。 |
視覚障碍または色覚障碍のある方は、特定の色が伝える意味を取り損なう可能性があります。 たとえば、色分けされたハイパーリンクテキストに下線を追加して、色盲のユーザーが色を表示できない場合でも、テキストがリンクであることを知っているようにします。見出しの場合は、太字を追加するか、大きなフォントを使用することを検討してください。 |
|
サンセリフフォントを使用します。 |
フォントに関連する可能性のある問題を見つけるには、混雑しているか判読できない領域のデータを確認します。 |
失読症のユーザーには、テキストの 1 行がその下の行に圧縮されるなど、ページのテキストが "一緒に浮遊している" ように見えます。多くの場合にテキストが結合されたり歪んだりして見えます。 失読症を持っているか、弱視を持っているユーザーのために、読書負荷を減らします。たとえば、Arial や Calibri などの使い慣れたサンセリフフォントを使うと便利な場合があります。すべて大文字と過度の斜体または下線を使わないようにします。 |
|
サイトとプロジェクトに説明を追加します。 |
サイトとプロジェクトの説明にわかりやすいテキストが含まれていることを確認します。 |
スクリーンリーダーを使用しているユーザーは、サイトのコンテンツをスキャンすることがあります。サイトやプロジェクトのコンテンツに関する明確で正確な情報は、ユーザーがサイトまたはプロジェクトの情報がそれらに関連しているかどうかを移動して決定するのに役立ちます。 |
|
サイトロゴの代替テキストを追加します。 |
ロゴの説明にわかりやすいテキストが含まれていることを確認します。 |
代替テキストは、画面を見ることができない、画像や他のビジュアルで何が重要であるかを確認できないユーザーの役に立ちます。 重要な情報を伝達する唯一の方法として、画像にテキストを使用するのは避けてください。テキストを含む画像を使用する必要がある場合、文書内でそのテキストを繰り返します。代替テキストで、画像について簡単に説明し、テキストがあることとその目的を説明します。 |
アクセシビリティの高いサイトデザインを使用する
Project Onlineには、アクセシビリティの高い色とフォントを含む定義済みのサイトデザインが用意されています。
-
Project Onlineで、[設定] メニューアイコン
を選びます。
-
[設定] メニューで、[外観の変更] を選択します。
-
サイトデザインの一覧で、目的のデザインを選びます。
-
[デザインの詳細] ページで、[試してみる] を選択します。
-
デザインを使用するには、[はい、保持] を選びます。新しいデザインがサイトに適用されます。
サイトの色を変更する
-
Project Onlineで、[設定] メニューアイコンを選びます。
-
[設定] メニューで、[外観の変更] を選択します。
-
サイトデザインの一覧で、[現在] を選びます。
-
[デザインの詳細] ページで、[色] メニューの [現在の配色パターン] パレットを選びます。
-
メニューで、新しい配色パターンを選びます。
-
[試してみる] を選択します。
-
新しい配色パターンを使用するには、[はい、保持] を選択します。新しい色がサイトに適用されます。
アクセシビリティの高いガントチャートデザインを使用する
ガントチャートのデザインをカスタマイズして、アクセシビリティを高めることができます。たとえば、バーの色を変更することができます。
-
Project Onlineで、[設定] メニューアイコンを選びます。
-
[設定] メニューで、[ PWA の設定] を選びます。
-
PWA の設定の一覧で、[ガントチャート形式] を選びます。
-
[ガントチャート] メニューで、目的のグラフを選びます。
-
[グラフの詳細] テーブルで、必要な変更を行います。
-
変更内容を別の名前で保存する場合は、[名前の変更] を選びます。グラフの新しい名前を入力し、[ OK] を選択します。
-
変更内容を保存するには、[保存] を選択します。
サイトのフォントを変更する
-
Project Onlineで、[設定] メニューアイコンを選びます。
-
[設定] メニューで、[外観の変更] を選択します。
-
サイトデザインの一覧で、[現在] を選びます。
-
[デザインの詳細] ページで、[フォント] メニューで現在のフォントパターンを選択します。
-
メニューで、新しいフォントパターンを選択します。
-
[試してみる] を選択します。
-
新しいフォントパターンを使用するには、[はい、保持] を選びます。新しいフォントがサイトに適用されます。
サイトの説明を追加する
-
Project Onlineで、[設定] メニューアイコンを選びます。
-
[設定] メニューで、[サイトの設定] を選びます。
-
[サイトの設定] ページで、[タイトル、説明、ロゴ] を選びます。
-
[説明:テキスト] フィールドに、サイトの簡単な説明を入力します。
-
[OK] を選びます。
プロジェクトの説明を追加する
-
プロジェクトビューで、目的のプロジェクトを選択します。
-
左側のナビゲーションウィンドウで、[プロジェクトの詳細] を選びます。
-
[編集] を選択します。
-
[説明] テキストフィールドに、プロジェクトの簡単な説明を入力します。
-
[保存] を選択します。
サイトロゴに代替テキストを追加する
-
Project Onlineで、[設定] メニューアイコンを選びます。
-
[設定] メニューで、[サイトの設定] を選びます。
-
[サイトの設定] ページで、[タイトル、説明、ロゴ] を選びます。
-
[説明を入力してください (画像の代替テキストとして使用)]: [テキスト] フィールドに、ロゴを説明する短いテキストを入力します。
-
[OK] を選びます。
関連項目
障碍のあるユーザーが Excel ドキュメントにアクセスできるようにする
障碍のある方向けのテクニカル サポート
Microsoft は、すべてのお客様に最適な操作性を提供することを目指しています。障碍のある方、およびアクセシビリティに関してご質問がある方が技術サポートをご希望の場合は、Microsoft Disability Answer Desk までご連絡ください。Disability Answer Desk サポート チームは、一般的なユーザー補助技術を駆使するトレーニングを受けており、英語、スペイン語、フランス語、および米語の手話でサポートを提供することができます。お住まいの地域での連絡先の詳細については、Microsoft Disability Answer Desk サイトを参照してください。
政府機関、商用、または法人ユーザーの場合は、法人向け Disability Answer Desk までお問い合わせください。