Best practices for building accessible apps

Color contrast ratio

• 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.

• For more details on accessibility standards concerning color contrast, refer to WCAG 2.2.

Responsive design

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

• Use Container controls in your app where possible. Set your container control to allow wrapping and scrolling. Additionally, set a fixed container width along with a maximum width of 100%. This ensures controls wrap to the next line, when there is not enough space available.

• 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.