Voorbeeld

De eerste video is in gebarentaal met Nederlandse ondertitels. Er is geen audio aanwezig in dit filmpje.

Het tweede filmpje heeft geen ondertiteling maar wel geluid.

Code

Onderstaande code, is de code die je te zien krijgt als je de Vimeo 'Share' iFrame gebruikt.

<iframe 
      src="//player.vimeo.com/video/85810920" 
      width="500" 
      height="280" 
      frameborder="0" 
      webkitallowfullscreen 
      mozallowfullscreen 
      allowfullscreen>
  </iframe>

  <iframe 
      src="//player.vimeo.com/video/17897406" 
      width="500" 
      height="281" 
      frameborder="0" 
      webkitallowfullscreen 
      mozallowfullscreen 
      allowfullscreen>
  </iframe>

De iFrame die Vimeo aanmaakt, heeft geen name en title attribuut. Om aan onze richtlijnen inzake iFrames te voldoen, moet je deze zelf manueel toevoegen vooraleer de code te plakken in je website.


Ondersteuning

Browsers

De nieuwe speler is ontwikkeld in HTML5. Vimeo geeft zelf aan dat het afhangt van de browser en video bestand, welke speler ingeladen wordt: de oude Flash speler of de nieuwe HTML5 speler. Een overzicht van onze testresultaten:

Screenreaders

De Flash versie is niet toegankelijk met een screenreader. De HTML5 speler scoort beter qua toegankelijkheid maar zeker nog niet foutloos.

Toetsenbord

De videospeler is toetsenbord toegankelijk. De focus is niet echt zichtbaar op de 'Play' button wat een groot probleem is. Het is mogelijk om de bediening opnieuw tevoorschijn te toveren, echter niet in Safari.


Besluit

De huidige HTML5 speler voldoet in beperkte mate aan toegankelijkheidsrichtlijnen. Gebruik hem echter niet zonder externe bedieningsknoppen.