How to make a Power Apps checkbox accessible?

Introduction to the checkbox control

Checkbox controls are used to allow users to make a selection. Like if you have a gallery of items, users can select or deselect items by checking or unchecking a checkbox control within the gallery. To learn about its properties, click here.

Screen reader

1. Screen reader announces the state of a checkbox - checked or unchecked. And also announces as the state changes.

Keyboard tabbing

1. Set the Tabindex property of checkboxes to 0.
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 between the following:
   • CheckmarkFill and CheckboxBackgroundFill
   • CheckboxBackgroundFill and Fill
   • CheckboxBackgroundFill and PressedFill
   • CheckboxBackgroundFill and HoverFill

   There are several tools available to analyze contrast ratios. Click here for one such tool.

Recent articles

1. How to make a Power Apps image control accessible?
2. Make a Power Apps text input control accessible?
3. How to make a Power Apps button accessible?