障碍のある方が Project Online のサイトやプロジェクトにアクセスできるようにする

障碍のある方が Project Online のサイトやプロジェクトにアクセスできるようにする

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

Project Online のホームビュー。

アクセシビリティを考慮してサイトとプロジェクトを作成すると、Project Online サイトは非常に視覚的になり、視覚障碍のある方がより簡単に理解できるようになります。

オンライン: Project Online のサイトとプロジェクトのアクセシビリティを向上させるためのベストプラクティス

次の表では、障碍のあるユーザーが使いやすい Project Online サイトとプロジェクトを作成するための重要なベストプラクティスを示します。

修正する内容

探す方法

修正が必要な理由

解決方法

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

プロジェクトサイトで、読みにくい、または背景と区別が難しいグラフ、表、テキストを探します。

弱視のユーザーがコンテンツを確認し、利用できるよう、テキストと背景のコントラストを強くします。 白色またはオフホワイトの背景に濃色のテキストを使用するか、反転させて濃色の背景に白色のテキストを使用します。

白黒の配色を使用すると、色覚障碍のあるユーザーがテキストと図形を区別しやすくなります。

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

サイトの色を変更する

アクセシビリティの高いガントチャートデザインを使用する

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

色で識別されるインスタンスを見つけるには、プロジェクトサイトのコンテンツを視覚的にスキャンします。

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

たとえば、色を設定したハイパーリンクテキストに下線を追加して、色が見えない場合でもテキストがリンクであることを、色覚障碍のあるユーザーが認識できるようにします。 見出しには、太字の追加または大きなフォントの使用を検討してください。

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

Sans serif フォントを使用します。

フォントに関連する潜在的な問題を見つけるには、データが見づらい領域や読みにくい部分を確認します。

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

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

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

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

サイトとプロジェクトに説明を追加します。

サイトとプロジェクトの説明に意味のあるテキストが含まれていることを確認します。

スクリーンリーダーを使用するユーザーは、サイトのコンテンツをスキャンする場合があります。 サイトやプロジェクトコンテンツに関する明確で正確な情報は、ユーザーが移動し、サイトまたはプロジェクトの情報が関連しているかどうかを判断するのに役立ちます。

サイトの説明を追加する

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

サイトロゴの代替テキストを追加します。

ロゴの説明に意味のあるテキストが含まれていることを確認します。

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

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

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

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

Project Online には、アクセシビリティの高い色とフォントを含む定義済みのサイトデザインが用意されています。

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

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

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

    Project Online で [サイトのデザイン] の [外観] メニューを変更します。
  4. [デザインの詳細] ページで、[試してみる] を選択します。

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

サイトの色を変更する

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

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

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

  4. [デザインの詳細] ページで、[] メニューの現在の配色パターンを選択します。

  5. メニューで、新しい配色を選択します。

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

  7. 新しい配色パターンを使用するには、[はい、保存します] を選択します。 新しい色がサイトに適用されます。

アクセシビリティの高いガントチャートデザインを使用する

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

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

  2. [設定] メニューで、[ PWA 設定] を選びます。

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

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

  5. [グラフの詳細] 表で、必要な変更を行います。

    Project Online の [ガントチャートの書式設定] ページ。
  6. 変更内容を別の名前で保存する場合は、[名前の変更] を選択します。 グラフの新しい名前を入力し、[ OK]を選択します。

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

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

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

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

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

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

    Project Online のサイトデザインの [フォント] ドロップダウンメニュー。
  5. メニューで、新しいフォントパターンを選択します。

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

  7. 新しいフォントパターンを使用するには、[はい、保存します] を選択します。 新しいフォントがサイトに適用されます。

サイトの説明を追加する

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

  2. [設定] メニューで、[サイトの設定] を選びます。

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

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

    Project Online のサイトの説明とサイトロゴの代替テキスト
  5. [OK] をクリックします。

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

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

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

  3. [編集] を選びます。

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

    Project Online でのプロジェクトの説明。
  5. [保存] を選択します。

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

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

  2. [設定] メニューで、[サイトの設定] を選びます。

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

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

    Project Online のサイトの説明とサイトロゴの代替テキスト
  5. [OK] をクリックします。

関連項目

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

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

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

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

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

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

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

注:  このページは、自動翻訳によって翻訳されているため、文章校正のエラーや不正確な情報が含まれている可能性があります。 私たちの目的は、このコンテンツがお客様の役に立つようにすることです。 情報が役に立ったかどうか、ご意見をお寄せください。 参考までに、こちらから英語の記事をお読みいただけます。

サポートを受ける
お問い合わせ
Office のスキルを磨く
トレーニングの探索

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

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

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

×