Voice Over doesn't seem to recognize any "aria" attributes. I'm trying to get it to read an icon button's aria-label, but it won't. Are there any guidelines or recommendations for working with aria and voice over?
Here's a sample of something that Voice Over doesn't read. It is a link with a button. There is no visible text. The WIA-ARIA standard suggests that you use an Aria-Label attribute in this instance, which does work on Android Talk Back, the other environment this needs to satisfy.
<a data-iconpos="notext" data-wrapperels="span" data-iconshadow="true" data-shadow="false" data-corners="false" class="ui-li-link-alt ui-btn ui-btn-icon-notext ui-btn-up-a" id="Ingredient-749200" href="javascript:recipeMobile.AddToShoppingList(749200);" data-description="1/4 cup Smucker's® Apricot Preserves" data-icon="false" data-theme="a" data-id="749200" aria-label="Add To List" data-action="add" title="Add to List
"><span class="ui-btn-inner"><span class="ui-btn-text"></span><span class="ui-btn ui-btn-up-e ui-shadow ui-btn-corner-all ui-btn-icon-notext" title="" data-theme="e" data-iconpos="notext" data-icon="plus" data-wrapperels="span" data-iconshadow="true" data-shadow="true" data-corners="true"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span><span class="ui-icon ui-icon-plus ui-icon-shadow"> </span></span></span></span></a>
I would expect the aria-label="Add To List" to be read. It is not.
Any suggestions on using ARIA attributes in Voice Over?
Thank you,
Tobin
iPhone 4S, Voice Over Accessibility
