apps
latest
false
UiPath logo, featuring letters U and I in white
Apps User Guide
Automation CloudAutomation Cloud Public SectorAutomation Suite
Last updated Nov 15, 2024

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.
  • Color contrast ratio
  • Responsive design

Was this page helpful?

Get The Help You Need
Learning RPA - Automation Courses
UiPath Community Forum
Uipath Logo White
Trust and Security
© 2005-2024 UiPath. All rights reserved.