Skip to content

Commit 75ea415

Browse files
committed
fixed as per suggestions
1 parent eb21ac1 commit 75ea415

File tree

2 files changed

+8
-8
lines changed

2 files changed

+8
-8
lines changed

powerapps-docs/maker/TOC.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@
115115
href: ./canvas-apps/add-scrolling-screen.md
116116
- name: Build a global app
117117
href: ./canvas-apps/global-apps.md
118-
- name: Creating Accessible Apps
118+
- name: Create Accessible Apps
119119
href: ./canvas-apps/accessible-apps.md
120120
- name: Manage your app
121121
items:

powerapps-docs/maker/canvas-apps/accessible-apps.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Creating Accessible Apps | Microsoft Docs
2+
title: Create Accessible Apps | Microsoft Docs
33
description: How to make apps accessible for people with disabilities
44
services: ''
55
suite: powerapps
@@ -18,10 +18,10 @@ ms.date: 04/03/2018
1818
ms.author: fikaradz
1919

2020
---
21-
# Creating accessible apps
21+
# Create accessible apps
2222
An accessible app will allow users with vision, hearing and other impairments to successfully use the app. In addition to being a requirement for many governments and organizations, following the below guidelines increases usability for all users, regardless of their abilities.
2323

24-
### Layout and color
24+
## Layout and color
2525
Common sense and uncomplicated design helps apps be more accessible to all users. When doing heavy customization of apps take note of the below suggestions. PowerApps themes are by default accessible.
2626
- Ensure all elements are clearly visible and text is of sufficient size. All content must be easily read and understood by the naked eye.
2727
- Avoid using the visibility property of items to bring an element into view. If you need to show something conditionally, create the content in a new screen and navigate to it and back.
@@ -30,14 +30,14 @@ Common sense and uncomplicated design helps apps be more accessible to all users
3030
- Ensure layout follows a logical flow when read top-bottom, left to right.
3131

3232

33-
### Keyboard support
33+
## Keyboard support
3434
When testing your app's accessibility, ensure the app can be used with the keyboard only, the accessibility modes on iOS and Android, as well as navigated successfully with the screen reader enabled.
3535

3636
For keyboard navigation (with or without the screen reader) ensure that a logical order is followed when using the TAB key to navigate to input fields by setting each control's **[TabIndex](controls/properties-accessibility.md)** property:
3737
- Label, Image, Icon, Shape contols - if they represent interactive elements (i.e.buttons) set TabIndex to 0; if they are decorative elements or text, set TabIndex to -1.
3838
- Avoid setting tab index higher than zero.
3939

40-
### Screen reader support
40+
## Screen reader support
4141
The following software combinations are the supported recommendations for consuming PowerApps with a screen reader:
4242

4343
- **Windows**: Edge / Narrator
@@ -53,12 +53,12 @@ To ensure a satisfying experience with the screen reader it is recommended to:
5353
- If a picture or an icon is used as a button, then set **[TabIndex](controls/properties-accessibility.md)** to 0 and **[AccessibilityLabel](controls/properties-accessibility.md)** to the link description.
5454

5555

56-
### Multimedia
56+
## Multimedia
5757
Ensure all videos are captioned and a transcript of all audio recordings is available to the user. **Video** control suppports closed captions in WebVTT format via the **ClosedCaptionsUrl** property.
5858

5959
Note that with the screen reader enabled, **Timer** does not announce button text, but how much time has passed. Announcements can't be turned off, even if timer is hidden with low opacity.
6060

61-
### Working with signatures
61+
## Working with signatures
6262
If you have a signature field that uses the PenInput control you need to enable an alternative method of signature input. The recommended way is to show a TextInput control where a user can type their name. Ensure the signing instructions are placed in the **[AccessibilityLabel](controls/properties-accessibility.md)** property and the control is placed close to the Pen input - to the right or immediately below.
6363

6464

0 commit comments

Comments
 (0)