WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: HTML5 and iOS VoiceOver


From: Jesse Hausler
Date: Nov 30, 2012 1:36PM

Henry, Thanks for the tip on UIAccessibilityTraitHeader.

If this could be used to introduce various sections/panels in an app, that could be very beneficial for navigation.


On 11/29/12 11:10 PM, "Henny Swan" < <EMAIL REMOVED> > wrote:

Jesse, you asked:

"On a separate note, does anyone know what constitutes a Section, Landmark,
or Header (as far as the Rotor is concerned) in a native app?"

Up until iOS 6 a header could only be assigned to the screen title for
native apps however iOS 6 introduces the UIAccessibilityTraitHeader which
can now be assigned to elements other than the screen title. I've not
tested this in the wild however.

What is listed in the Web Rotor for web and native apps changes dependant
on the environment and the option to select a Landmark via the Rotor when
in a native app isn't there. In fact quite a lot isn't there that I'd
expect to be there. I don't have Section listed as an option in Web Rotor
but have a feeling I might have seen this before (am on iOS6). I would
imagine this navigates between containers.

Many thanks, Henny

On 29 November 2012 20:48, Bourne, Sarah (ITD) < <EMAIL REMOVED> >wrote:

> Bryan, do you think that is because the ARIA role is superseding (and
> suppressing) the native OL/LI role?
> sb
> Sarah E. Bourne
> Director of Assistive Technology &
> Mass.Gov Chief Technology Strategist
> Information Technology Division
> Commonwealth of Massachusetts
> 1 Ashburton Pl. rm 1601 Boston MA 02108
> 617-626-4502
> http://www.mass.gov/itd
> -----Original Message-----
> From: <EMAIL REMOVED> [mailto:
> <EMAIL REMOVED> ] On Behalf Of Bryan Garaventa
> Sent: Thursday, November 29, 2012 3:21 PM
> To: WebAIM Discussion List
> Subject: Re: [WebAIM] HTML5 and iOS VoiceOver
> I was referring to Voiceover feedback in iOS devices, but adding these
> attributes to a standard list element doesn't appear to work properly in
> JAWS and IE for instance.
> E.G
> <ol>
> <li>
> Apple
> </li>
> <li>
> Orange
> </li>
> <li>
> Banana
> </li>
> </ol>
> <ol role="list">
> <li role="listitem" aria-setsize="3" aria-posinset="1"> Apple </li> <li
> role="listitem" aria-setsize="3" aria-posinset="2"> Orange </li> <li
> role="listitem" aria-setsize="3" aria-posinset="3"> Banana </li> </ol>
> If you try this, JAWS announces the numbers correctly on the standard OL
> tag, but not on the ARIA marked up tag.
> > > >