WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: HTML5 and iOS VoiceOver

for

From: Bryan Garaventa
Date: Nov 30, 2012 2:06PM

You are seeing the same thing, the list is identified, but the numbering is
not when ARIA is used.

It would be simplest to just try a simple ordered list without ARIA and see
if the content is recognized by Voiceover in the scrollable div when you
have it up and running. Since Voiceover will read the visible portion
anyway, it should be clear if the numbering is conveyed as well.

----- Original Message -----
From: "Jesse Hausler" < <EMAIL REMOVED> >
To: "WebAIM Discussion List" < <EMAIL REMOVED> >
Sent: Friday, November 30, 2012 12:35 PM
Subject: Re: [WebAIM] HTML5 and iOS VoiceOver


> What behavior are you expecting? Both FF and Chrome report the group as a
> list. Although Chrome tells me the number of the item I'm on.
>
> I don't have a test together yet for a scrollable div, but as I mentioned
> earlier, it would be great to tell us the status of the list items "on
> screen" in an android native list style.
>
>
>
> On 11/29/12 5:10 PM, "Bryan Garaventa" < <EMAIL REMOVED> >
> wrote:
>
> It does the same in the latest version of Firefox, but works correctly in
> the latest version of Chrome.
>
>
> ----- Original Message -----
> From: "Chris Moore" < <EMAIL REMOVED> >
> To: "WebAIM Discussion List" < <EMAIL REMOVED> >
> Sent: Thursday, November 29, 2012 4:40 PM
> Subject: Re: [WebAIM] HTML5 and iOS VoiceOver
>
>
>> IE8 is probably the problem then. Have you tried with another web
>> browser
>> such as Firefox or Chrome? IE8 has poor ARIA support.
>> On 29 Nov 2012, at 23:07, Bryan Garaventa < <EMAIL REMOVED> >
>> wrote:
>>
>>> I'm currently on an XP machine so this is with IE8 and JAWS13.
>>>
>>> If anyone would like to test it in later versions, please let me know
>>> how
>>> it
>>> works.
>>>
>>>
>>> ----- Original Message -----
>>> From: "Chris Moore" < <EMAIL REMOVED> >
>>> To: "WebAIM Discussion List" < <EMAIL REMOVED> >
>>> Sent: Thursday, November 29, 2012 2:47 PM
>>> Subject: Re: [WebAIM] HTML5 and iOS VoiceOver
>>>
>>>
>>>> WHich version of IE are you guys using? You might have better results
>>>> with IE 10 and the latest JAWS.
>>>> On 29 Nov 2012, at 21:36, Bryan Garaventa
>>>> < <EMAIL REMOVED> >
>>>> wrote:
>>>>
>>>>> Possibly, but this looks like a screen reader bug to me, since the
>>>>> same
>>>>> information should be conveyed via aria-setsize and aria-posinset in
>>>>> the
>>>>> same manner as a listbox control would be.
>>>>>
>>>>> ----- Original Message -----
>>>>> From: "Bourne, Sarah (ITD)" < <EMAIL REMOVED> >
>>>>> To: "WebAIM Discussion List" < <EMAIL REMOVED> >
>>>>> Sent: Thursday, November 29, 2012 12:48 PM
>>>>> Subject: Re: [WebAIM] HTML5 and iOS VoiceOver
>>>>>
>>>>>
>>>>>> 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
>>>>>> <EMAIL REMOVED>
>>>>>> 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.
>>>>>>
>>>>>> >>>>>> >>>>>> >>>>>
>>>>> >>>>> >>>>> >>>>
>>>> >>>> >>>> >>>
>>> >>> >>> >>
>> >> >> >
> > > >
> > >