Problem with Media Elements Sequence on Page

[David Ward]

Hey guys, could really use a hand. I'm trying to put a demo page together with a video demo for sighted users and a audio demo using VoiceOver for iOS users. I'm using an HTML framework inside a phonegap build which a long way to say the code should run just like it was in Safari on iOS. here's my problem I'm using HTML5 <video> and <audio> elements and I have the video first the a brief discription and the audio. But in iOS for some reason with VoiceOver it goes it skips the vidoe play button and reads the descption then goes back to the Quicktime video then finally the play button on the audio link. (What I've tried: Divs to seperate items, Roles "application" "group", old HTML Label technique) I've also tried using arial-label, labellablyedby on the audio and video tags and couldn't get them to work at all. Thanks guys. (Using iOS 4.3.5 - thru 5.1)

Here's the code:

<!--Content Div-->

<div id="content">

<span class="graytitle">Video & Audio Demomonstrations below.</span>

</div>

<!--Start Video-->

<video width=100% controls="controls" id="video">

  <source src="media/movie.mp4" type="video/mp4">

Your browser does not support the video tag.

</video>

<!--End of Video-->

Audio Demo for VoiceOver Users Below.

<!--Start of Audio-->

<audio  style="width:90%;display: block; margin:20px; }" controls="controls" id="audio">

  <source src="media/voiceoverdemo.mp3" type="audio/mpeg">

Your browser does not support the audio element.

</audio>

<!--End of Audio-->

[Silvia Pfeiffer]

Question of clarification: Which is the "description" that it reads
first? I don't see one in your example.
Silvia.

> --
> You received this message because you are subscribed to the Google Groups
> "Free ARIA Community" group.
> To view this discussion on the web visit
> https://groups.google.com/d/msg/free-aria/-/uW-A9WTQAlwJ.
> To post to this group, send email to free...@googlegroups.com.
> To unsubscribe from this group, send email to
> free-aria+...@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/free-aria?hl=en.

[David Ward]

Sure, here's how voiceover reads the page. When I swipe right.

Video Demo (title) --<swipe>--Home Button---<swipe>---Video & Audio Demomonstrations below.--<swipe>---**Here's the problem** Audio Demo for VoiceOver Users Below. ---<swipe>---Play Button, Quicktime Movie---<swipe>---Play Button (Audio player although not described as such)

Here's a link. http://www.atyourfingertips.biz/beta/video_test.html

Thanks,

Let me know... what u think