キャンバス アプリで使用される色は、色覚障疵のあるユーザーや視覚障疳のあるユーザーがアクセスできる必要があります。 既定では、すべての Power Apps テーマにアクセスできます。 アプリで使用する色を変更する場合は、次のガイドラインに従って、アクセス可能な状態を維持します。 色のコントラストの問題を特定するのに役立つ、オンラインで使用できるツールがいくつかあります。
テキストの最小コントラスト
- テキストとその背景には、少なくとも 4.5:1 のコントラスト比が必要です
- 大きいテキストのコントラスト比は 3:1 以上である必要があります
- 非表示テキストにはコントラストの要件がない
実際には、すべての対話型コントロールは、次の間で適切な色のコントラストを持っている必要があります。
テキスト以外の場合の最小コントラスト
- アイコンや罫線などのテキスト以外のコンポーネントは、外側の色と少なくとも 3:1 のコントラスト比を持つ必要があります。
- 無効なコンポーネントと装飾コンポーネントには、コントラストの要件はありません。
ユーザー インターフェイス コンポーネント
すべての対話型コントロールには、次の間の適切な色のコントラストが必要です。
- FocusedBorderColor とコントロールの外側の色
領域全体が対話型または有益なコントロールには、追加のカラー コントラスト チェックが適用されます。 たとえば、 ボタン やボタンとして使用される アイコン などです。 これにより、コントロールの境界が明確になり、ユーザーはクリックまたはタップできる場所を把握できます。
このようなコントロールの境界線がある場合は、次の間に適切な色のコントラストが必要です。
- コントロールの外側の BorderColor と色
- PressedBorderColor とコントロールの外側の色
- HoverBorderColor とコントロール外の色
罫線がない場合は、次の要素の間に適切な色のコントラストが必要です。
- コントロールの外側を塗って色をつける
- PressedFillとコントロール外の色
- HoverFill とコントロールの外側の色
グラフィカル オブジェクト
画像に重要な情報が伝わる場合は、コントラストの問題がないか確認することを検討してください。 これは、画像を表示できるコントロール ( オーディオ、 画像、 マイク、 ビデオ) に適用されます。
ビデオ コンテンツの場合は、コントラストの問題を確認することを検討してください。 もしくはまたは追加として、ビデオを説明するクローズドキャプションを提供する。
その他の視覚的な手掛かりを提供する
アプリが色だけで情報を伝えないことを確認します。 たとえば、赤緑色の視覚障瞝を持つユーザーは、赤色のエラー メッセージと緑色の成功メッセージを区別できません。
アイコンや斜体や下線などのテキスト スタイルなどの追加の手掛かりは、意味を伝えるのに役立ちます。
次のステップ
キャンバス アプリの支援技術のコンテンツを表示または非表示にする