Best practices for building accessible apps

色のコントラスト比

• The color contrast ratio between text color and background color in your app should be at least 4.5:1.

• Large-scale text, or images containing large-scale text should have a contrast ratio of at least 3:1.

• 色のコントラストに関するアクセシビリティ標準の詳細については、 WCAG 2.2 を参照してください。

レスポンシブ デザイン

Designing your app to be responsive and multi-device friendly also provides accessibility benefits to users of your app.

• 可能な場合は、アプリ内で [コンテナー] コントロールを使用します。[コンテナー] コントロールは、折り返しとスクロールを許可するように設定します。さらに、コンテナーの幅を固定にし、最大幅を 100% に設定します。これにより、十分なスペースがない場合、コントロールが次の行に折り返されるようになります。

• Set the flex grow and flex shrink properties of the Container control to 1. This ensures the Container uses all of the available space, but does not expand beyond it.