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