WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: HTML5 and iOS VoiceOver


From: Jesse Hausler
Date: Nov 29, 2012 12:45PM

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 class="scrollable">

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
> > >