アクセシビリティ対応のキャンバス アプリで使用する色

  • [アーティクル]

キャンバス アプリで使用する色は、色覚や視力に障碍のあるユーザーでも認識できるものにする必要があります。 Power Apps のすべてのテーマは、既定でアクセシビリティ対応になっています。 アプリで使う色を変更するときは、この記事のガイドラインに従って、アクセシビリティを維持するようにしてください。 色コントラストの問題の特定に役立つ、オンラインで入手できるツールがいくつかあります。

テキストの最低限のコントラスト

  • テキストとその背景のコントラスト比を、4.5:1 以上にする必要があります
  • 大きなテキストは、コントラスト比を 3:1 以上にする必要があります
  • 無効になっているテキストについては、コントラストの要件はありません

実際には、すべての対話型コントロールで以下の間に適切な色コントラストが必要があります。

テキスト以外の最低限のコントラスト

  • アイコンやボーダーなどの非テキスト コンポーネントは、それらの外側の色とのコントラスト比が少なくとも 3:1 である必要があります。
  • 無効化された装飾的なコンポーネントには、コントラストの要件はありません。

ユーザー インターフェイス コンポーネント

すべての対話型コントロールで以下の間に適切な色コントラストが必要です。

領域全体が対話型または情報提供型であるコントロールについては、追加の色コントラスト チェックが適用されます。 たとえば、 ボタン や、ボタンとして使われている アイコン などです。 これにより、コントロールの境界が明確になり、ユーザーはどこをクリックまたはタップすればよいかがわかります。

そのようなコントロールの境界がある場合は、以下の間の色コントラストを適切にする必要があります。

境界がない場合は、以下の間の色コントラストを適切にする必要があります。

  • Fill とコントロールの外側の色
  • PressedFill とコントロールの外側の色
  • HoverFill とコントロールの外側の色

グラフィック オブジェクト

画像が重要な情報を伝達する場合は、画像についてコントラストの問題を確認することを検討します。 これは、オーディオ、イメージ、マイク、ビデオ など、画像を表示できるコントロールに当てはまります。

ビデオ コンテンツの場合、コントラストの問題を確認することを検討します。 その代わりに、またはそれに加えて、ビデオについて説明するクローズド キャプション を提供します。

他の視覚的な手掛かりを提供する

アプリが色だけで情報を伝達していないことを確認します。 たとえば、赤緑の色覚に障碍があるユーザーは、赤のエラー メッセージと緑の成功メッセージを区別できません。

アイコン または 斜体 や、下線 などのテキスト スタイルといった追加の手掛かりは、意味を伝えるのに役立ちます。

次の手順

キャンバス アプリの支援技術のコンテンツを表示または非表示にする

関連項目