WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: HTML5 and iOS VoiceOver

for

From: Bryan Garaventa
Date: Nov 29, 2012 1:01PM

I agree, this may be possible using role=list, role=listitem, aria-setsize,
and aria-posinset.

It would need to be tested in iOS to see if this works though.

----- Original Message -----
From: "Jesse Hausler" < <EMAIL REMOVED> >
To: "WebAIM Discussion List" < <EMAIL REMOVED> >
Sent: Thursday, November 29, 2012 11:45 AM
Subject: Re: [WebAIM] HTML5 and iOS VoiceOver


> That makes sense. Thanks for the clarification.
>
> Ideally, I'd love to see something in html5 apps similar to how Android
> does native scrolling regions.
> There if you have 30 items in a master list and only 5 on stage, Talkback
> will say "Showing items 5 through 10 of 30".
>
> It would be great if there were ARIA attributes we could add to a list
> element in a scrollable div to get this effect.
>
>
> On 11/29/12 10:30 AM, "Bryan Garaventa" < <EMAIL REMOVED> >
> wrote:
>
> No problem. One way this can be helpful is like so.
>
> <div class="hidden">
> <button>Scroll Up</button>
> <button>Scroll Down</button>
> </div>
> <div class="scrollable">
> Content...
> </div>
>
> Then, when Voiceover is enabled, you can remove the class of 'hidden' to
> display the scroll buttons at the top of the scrollable div, and when
> Voiceover is disabled, the class of 'hidden' can be readded to continue
> with
> the original layout.
>
> ----- Original Message -----
> From: "Jesse Hausler" < <EMAIL REMOVED> >
> To: "WebAIM Discussion List" < <EMAIL REMOVED> >
> Sent: Thursday, November 29, 2012 9:38 AM
> Subject: Re: [WebAIM] HTML5 and iOS VoiceOver
>
>
>> Bryan, Can you expand on this point?
>>
>> "The detection mechanism though, can be used to add buttons or
>> controlling
>> elements for accomplishing the same tasks accessibly in a dynamic
>> manner."
>>
>> I'm curious to learn more about how to address scrollable divs.
>>
>> Thanks again,
>> Jesse
>> >> >> >
> > > >
> > >