Accessibility Canvas Apps

How to make a Power Apps slider accessible?

A set of sliders for music control
A set of sliders for music control

Introduction to the slider control

Sliders are used to allow users to select a value between a minimum and maximum value by moving the slider to the left or right. To learn about its properties, click here.

Screen reader

  1. Screen reader announces the value of a slider along with any changes to it.

Keyboard tabbing

  1. Set the Tabindex property of sliders 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. How to make a Power Apps checkbox accessible?
  2. How to make a Power Apps image control accessible?
  3. Make a Power Apps text input control accessible?

Leave a Reply