障碍のある方に対する、Project Online のサイトやプロジェクトのアクセシビリティを高める

このトピックでは、障闭のあるユーザーがProject Onlineサイトやプロジェクトにアクセスできるようにする手順について説明します。

Project Onlineサイトはビジュアル性が高く、視覚障碍のあるユーザーや視覚障碍のあるユーザーは、アクセシビリティを念頭に置いてサイトやプロジェクトを作成すると、より簡単に理解できます。

オンライン: Project Online サイトとプロジェクトにアクセスできるようにするためのベスト プラクティス

次の表に、障穣のあるユーザーがアクセスできるProject Onlineサイトとプロジェクトを作成するための主要なベスト プラクティスを示します。

修正する内容	探す方法	修正が必要な理由	解決方法
テキストと背景の色に十分なコントラストを付けます。	読み取りが難しい、または背景と区別しにくいグラフ、テーブル、およびテキストをプロジェクト サイトで探します。	弱視のユーザーがコンテンツを確認し、利用できるよう、テキストと背景のコントラストを強くします。 白色またはオフホワイトの背景に濃色のテキストを使用するか、反転させて濃色の背景に白色のテキストを使用します。 白黒の配色を使用すると、色覚障碍のあるユーザーがテキストと図形を区別しやすくなります。	アクセシビリティ対応のサイト デザインを使用する サイトの色を変更する アクセス可能なガント チャートデザインを使用する
色が、情報を伝達する唯一の手段にならないようにしてください。	色分けのインスタンスを見つけるには、プロジェクト サイト内のコンテンツを視覚的にスキャンします。	視覚障碍または色覚障碍のある方は、特定の色が伝える意味を取り損なう可能性があります。 たとえば、色分けされたハイパーリンク テキストに下線を追加して、色分けされているユーザーが、色が表示されなくてもテキストがリンクであることを認識できるようにします。 見出しには、太字の追加または大きなフォントの使用を検討してください。	アクセシビリティ対応のサイト デザインを使用する
sans serif フォントを使用します。	フォントに関連する潜在的な問題を見つけるには、データで混雑している領域や判読できない領域を確認します。	失読症のユーザーには、テキストの 1 行がその下の行に圧縮されるなど、ページのテキストが "一緒に浮遊している" ように見えます。 多くの場合にテキストが結合されたり歪んだりして見えます。 失読症のユーザーまたは視覚障碍のあるユーザーのために、読むことの負担が軽くなるようにします。 たとえば、Arial や Calibri などの使い慣れた sans serif フォントが役立つ場合があります。 すべて大文字にしたり、過剰な斜体または下線を使用したりしないでください。	アクセシビリティ対応のサイト デザインを使用する サイトフォントを変更する
サイトとプロジェクトに説明を追加します。	サイトとプロジェクトの説明に意味のあるテキストがあることを確認します。	スクリーン リーダーを使用するユーザー People、サイトの内容をスキャンすることがあります。 サイトとプロジェクトのコンテンツに関する明確で正確な情報は、ユーザーが移動し、サイトまたはプロジェクトの情報が関連しているかどうかを判断するのに役立ちます。	サイトの説明を追加する プロジェクトの説明を追加する
サイト ロゴの代替テキストを追加します。	ロゴの説明に意味のあるテキストがあることを確認します。	代替テキストは、画面を見ることができない、画像や他のビジュアルで何が重要であるかを確認できないユーザーの役に立ちます。 重要な情報を伝達する唯一の方法として、画像にテキストを使用するのは避けてください。 テキストを含む画像を使用する必要がある場合、文書内でそのテキストを繰り返します。 代替テキストで、画像について簡単に説明し、テキストがあることとその目的を説明します。	サイト ロゴに代替テキストを追加する

アクセシビリティ対応のサイト デザインを使用する

Project Onlineは、アクセシビリティ対応の色とフォントを含む定義済みのサイト デザインを提供します。

1. Project Onlineで、Project Online選択します。

2. [設定] メニューの [ 外観の変更] を選択します。

3. サイト デザインの一覧で、目的のデザインを選択します。

   

4. デザインの詳細ページで、[ 試してみる] を選択します。

5. デザインを使用するには、[はい] を選択 し、そのままにします。 新しいデザインがサイトに適用されます。

サイトの色を変更する

1. Project Onlineで、設定メニュー アイコンを選択します。
2. [設定] メニューの [ 外観の変更] を選択します。
3. サイト デザインの一覧で、[ 現在] を選択します。
4. デザインの詳細ページで、[色 ] メニューで 現在の配色パレットを選択します。
5. メニューで、新しい配色を選択します。
6. [ 試してみる] を選択します。
7. 新しい配色を使用するには、[はい]を選択 し、そのままにします。 新しい色がサイトに適用されます。

アクセス可能なガント チャートデザインを使用する

ガント チャートのデザインをカスタマイズして、アクセスしやすくすることができます。 たとえば、バーの色を変更できます。

1. Project Onlineで、設定メニュー アイコンを選択します。

2. [設定] メニューの [ PWA 設定] を選択します。

3. PWA 設定の一覧で、[ ガント チャートの形式] を選択します。

4. [ ガント チャート: ] メニューで、目的のグラフを選択します。

5. グラフの詳細テーブルで、必要な変更を行います。

   

6. 変更を別の名前で保存する場合は、[名前の 変更] を選択します。 グラフの新しい名前を入力し、[OK] を選択 します。

7. 変更内容を保存するには、[保存] を選択します。

サイトフォントを変更する

1. Project Onlineで、設定メニュー アイコンを選択します。

2. [設定] メニューの [ 外観の変更] を選択します。

3. サイト デザインの一覧で、[ 現在] を選択します。

4. デザインの詳細ページで、[フォント ] メニューで 現在のフォント スキームを選択します。

   

5. メニューで、新しいフォント スキームを選択します。

6. [ 試してみる] を選択します。

7. 新しいフォント スキームを使用するには、[はい]を選択 し、そのままにします。 新しいフォントがサイトに適用されます。

サイトの説明を追加する

1. Project Onlineで、設定メニュー アイコンを選択します。

2. [設定] メニューの [ サイトの設定] を選択します。

3. [ サイトの設定] ページで、[ タイトル、説明、ロゴ] を選択します。

4. [ 説明: テキスト] フィールドに、サイトの簡単な説明を入力します。

   

5. [OK] を選択します。

プロジェクトの説明を追加する

1. [ プロジェクト ] ビューで、目的のプロジェクトを選択します。

2. 左側のナビゲーション ウィンドウで、[ プロジェクトの詳細] を選択します。

3. [編集] を選択します。

4. [ 説明 ] テキスト フィールドに、プロジェクトの簡単な説明を入力します。

   

5. [保存] を選択します。

サイト ロゴに代替テキストを追加する

1. Project Onlineで、設定メニュー アイコンを選択します。

2. [設定] メニューの [ サイトの設定] を選択します。

3. [ サイトの設定] ページで、[ タイトル、説明、ロゴ] を選択します。

4. [ 説明を入力します (画像の代替テキストとして使用): テキスト] フィールドに、ロゴを記述する短いテキストを入力します。

   

5. [OK] をクリックします。

関連項目

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

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

アクセシビリティの高い PowerPoint プレゼンテーションを作成する

アクセシビリティの高い Outlook メールを作成する

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

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

政府機関、商用、またはエンタープライズ ユーザーの場合は、 Enterprise Disability Answer Desk にお問い合わせください。