Best practices for accessible apps

Using colors

• The 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 contrast, refer to WCAG 2.1.

Responsive design

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

• 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 the available space, but does not expand beyond it.