Accessibility Canvas Apps

How to make a Power Apps icon accessible

A bunch of icons
A bunch of icons

Introduction to the icon control

Icons are used to represent several different things to users like shapes, action icons etc. To learn about its properties, click here.

Screen reader

  1. Set the Tooltip property and AccessibleLabel property to help users understand the purpose and context of interactive icons.
  2. To announce when a picture is added, changed, or deleted, use a live label.

Keyboard tabbing

  1. Set the Tabindex property to 0 if an icon is interactive.
  2. Set the FocusBorderThickness to a number greater than 0.

Color/contrast

  1. Set the FocusBorderColor with a contrast ratio of 3:1 with the background color.
  2. Set the Color property with a minimum luminosity contrast ratio of 3:1 with the adjacent colors. There are several tools available to analyze contrast ratios. Click here for one such tool.

Recent articles

  1. How to make a Power Apps add picture control accessible?
  2. How to make a Power Apps toggle accessible?
  3. Make a Power Apps slide accessible?

Leave a Reply