Uncategorized

How to make a Power Apps toggle accessible?

A toggle button
A toggle button

Introduction to the toggle control

Toggles are used to allow users to select a value between on and off, or true and false. To learn about its properties, click here.

Screen reader

  1. Screen reader announces the value of a toggle.
  2. To announce the changes, use a live label.

Keyboard tabbing

  1. Set the Tabindex property 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 4.5:1 with the background color. There are several tools available to analyze contrast ratios. Click here for one such tool.

Recent articles

  1. Make a Power Apps slide accessible?
  2. How to make a Power Apps checkbox accessible?
  3. How to make a Power Apps image control accessible?

Leave a Reply