iOS Embeded Youtube Videos & VoiceOver

  • Hi, I’m playing with embeding YouTube videos in posts using the WordPress auto embed feature. I’m visually impaired and use a screen reader and the embeded videos are all playable and accessible using various combinations of browsers on Windows & Mac but I am having a problem when using iOS.

    When using VoiceOver on iPhone or iPad the embeded video is notaccessible. Visually it is displayed correctly but VoiceOver doesn’t read any buttons, it just skips it like it’s invisible. However, if I turn off VoiceOver then tap the Video it plays as normal and when playback has finished, if I turn on VoiceOver again the video becomes accessible with the Start Playback button being announced. So the player is accessible after it has been played once so I’ve been looking for ways to force this acessible state when the page first loads.

    I’ve been trying to add the various additional options to the YouTube URL such as autoplay, controls, different theme style etc but can’t seem to find anything that helps.

    I’ve been using both the [embed] shortcode and <iframe …> and just the videos URL as ways to embed the video into a post but I am still no further to finding a solution.

    Any help or advice would be great.

    Thanks in advance.

    If you want to see, or rather hear the problem, here’s a quick post I put up.

    On an iOS device you can ask Siri to “Turn On VoiceOver”. You then swipe left or right on the screen to move through elements on the page. To activate an element you double tap. Use Siri again to Turn off VoiceOver when you’re done.

Viewing 1 replies (of 1 total)

  • Hi,

    Have you tried to embed videos the old embed code, because I saw that WordPress embedded your video in iframe :

    <object type="application/x-shockwave-flash" data="https://www.youtube.com/jNU_jrPxs-0" width="474" height="267">
	<param name="movie" value="https://www.youtube.com/jNU_jrPxs-0" />
	<param name="quality" value="high" />
	<param name="allowFullScreen" value="true" />
	<!-- fallback -->
	<a href="https://www.youtube.com/jNU_jrPxs-0">
		<img src="https://img.youtube.com/vi/jNU_jrPxs-0/0.jpg" width="474" height="267" alt="Video title" />
	</a>
</object>

    Just an idea, I hope it works..

    – Can’t view embedded YouTube videos with Safari

Viewing 1 replies (of 1 total)
  • The topic ‘iOS Embeded Youtube Videos & VoiceOver’ is closed to new replies.