Enhance Accessibility on your Apps using Voice Control

#Overview
We usually create apps for better business efficiency, more productivity, and as our personal use - for communication tool with family, gamifying education. 
I think we need to consider an accessibility on our apps equally, to make everyone using their apps even if they has some physical handicaps - Everyone can use same technology everyday.

In this post, I briefly introduce what I can enhance accessibility of my apps with help of Voice Control in iOS 13.
For a detail of Voice control feature, see official video, [here](https://www.youtube.com/watch?v=aqoXFCCTfm4)

#How voice control affects our apps?
Once turn on the voice control and open your app, you will see many gray labels are shown on your screen.
These are item numbers/names recognized by iOS that we can take action through voice commands.
For example, if I want to input text into Title field, just say "Tap six" or "Tap Title" to select input field and to save data, say "Tap thirty four" or "Tap save".  
![Screen Shot 2019-08-31 at 11.11.10 PM.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/202779/1998271e-527f-3e9e-de04-d6a4e5cb96d5.png)
Also you can find even for labels on PowerApps, item numbers/names are assigned (reason is to select text on usual web sites), however, on icon circled < mark, is not recognize as actionable item.
As far as I checked, un-actionable controls on PowerApps from iOS voice control are Image, Icon, and Video, on the contrary we often use these controls in our apps.

In above picture, there are two "Discussion" items, one is label of field and other is input field.  That is confusable for users so need to add AccessibleLabel property on PowerApps.
Regarding the choice and person fields, voice control works fine, we can, in principle, select items via voice command "Tap xxx", but it is rather difficult to select person by saying all properties of item;
![Screen Shot 2019-09-01 at 12.17.14 AM.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/202779/69b96e52-ba0c-0e82-a9f5-4e9cb6aeff74.png)

#What we need to improve our apps?
The difficulties to use Voice control on PowerApps are below;

1. Icon with OnSelect cannot selectable via voice
2. AccessibleLabel should be set to distinguish Label and Input
3. If person field has multiple text, it is difficult to select item
 
### For #1
As for the simple list application, created from data or constructed by template list/form screen, there are multiple "Icon button" or sometimes "Image button" though, it is unable to select via voice command, all icons should be replaced by simple button control or label.
![Screen Shot 2019-09-01 at 12.41.54 AM.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/202779/a7e16996-c901-deb7-e437-00ec56f12e51.png)

### For #2
By default, all AccessibleLabel is blank, so iOS show the field name of each input text/dropdown.  If you set AccessibleLabel property, iOS will recognize it and show us not field name but AccessibleLabel text.
![Screen Shot 2019-09-01 at 12.53.50 AM.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/202779/cc172893-1977-0c73-9e57-c114527748ae.png)

### For #3
To improve this, it is better to be a Single text Layout and Primary text as Email from just a viewpoint of voice control, but this setting may affect usability for most of users to identify a person.
![Screen Shot 2019-09-01 at 1.02.52 AM.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/202779/dd7e765a-35bb-1d86-9db5-3275c6cf964d.png)

In voice control settings, there is setting to not show item name but item number automatically assigned by OS.  I don't think it is clever workaround but, if we want to reconcile accessibility for disabled person and usability for standard user, it may be set as "Item number" than item name.
<img width="375" alt="IMG_0017.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/202779/dce2a8c7-b06c-5178-67e4-1e435c3b4135.jpeg">

# Demo
Below is demo of voice control with Sample app.

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Demo of Voice control with <a href="https://twitter.com/hashtag/PowerApps?src=hash&amp;ref_src=twsrc%5Etfw">#PowerApps</a> on iOS13.<br>Please ignore my bad pronunciation😅<br>(and I forgot to add OnSelect to Save button) <a href="https://t.co/IXWp9QiQpl">pic.twitter.com/IXWp9QiQpl</a></p>&mdash; Hiro #Hack4Edu #PowerMath (@mofumofu_dance) <a href="https://twitter.com/mofumofu_dance/status/1167088537528758272?ref_src=twsrc%5Etfw">August 29, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

If you have interest to Voice control and want to test it on your app, your can download beta profile from Apple.