Accessibility Canvas Apps

How to make a Power Apps gallery accessible

A list or gallery of things to do
A list or gallery of things to do

Introduction to the gallery control

Galleries are used to display a set of records from a table. To learn about its properties, click here.

Screen reader

  1. Screen readers read the AccessibleLabel property. Set it to describe the gallery's content. For example, a gallery that is populated with a table of leave requests, set the AccessibleLabel property to "Leave requests".
  2. If you want screen reader to announce if a record is selected or not, set the ItemAccessibleLabel property to:
    If(ThisItem.IsSelected=true, “Selected”, "Not selected")

Keyboard tabbing

  1. Set the Tabindex of a gallery to 0. Set the Tabindex of the controls inside the gallery to 0 if you want users to navigate through them while tabbing through. Else, set it to -1.

Color/contrast

  1. Use the color/contrast accessibility guidelines of the controls that are included in the gallery.

Recent articles

  1. How to make a Power Apps HTML control accessible?
  2. How to make a Power Apps timer accessible?
  3. Make a Power Apps icon accessible

Leave a Reply