Welke videospeler is toegankelijk?

Om te verzekeren dat iedereen uw videospeler kan gebruiken, moet u een speler kiezen waarvan de bedieningsknoppen toegankelijk zijn in de meest gebruikte browsers. U kan een bestaande toegankelijke speler gebruiken of er zelf één maken.

Flash, HTML5, YouTube

Het probleem met videospelers in Flash is toetsenbordtoegankelijkheid met grote verschillen tussen de browsers. Ofwel kan het Flashobject geen focus krijgen, ofwel is het een keyboardtrap. Voor sommige screenreaders is Flash een zwarte doos, er wordt niets voorgelezen.

Het HTML5 video element is ook niet toegankelijk met het toetsenbord. Terril Thompson bevestigt dit in de studie Comparison of Browsers on HTML5 Video Accessibility met volgende conclusie: "There is still a need for custom HTML5 media players that provide a consistent, fully-accessible experience across all browsers."

Het probleem met de YouTube-speler, embed via een iframe, is het gebrek aan stabiliteit. De inhoud van het iframe en het gedrag van de speler veranderen regelmatig, ten goede of ten slechte.

Minimale toegankelijkheidsvereisten

  • De speler bevat knoppen om de video te starten en stoppen of op pauze te zetten, het geluid te bedienen en ondertiteling of audiodescriptie te activeren.
  • De knoppen zijn bruikbaar met het toetsenbord (TAB en ENTER).
  • De knoppen zijn duidelijk gelabeld, ook voor screenreaders.

Bestaande toegankelijke videospelers

Deze spelers voldoen aan de minimumvereisten. We hebben voor elk de sterke en zwakke punten opgesomd om u te helpen kiezen.

'Able Player' van Terril Thomson

Able player

Sterke punten

  • YouTube ondersteuning (en dus ook ondertiteling)
  • Werkt ook als audiospeler
  • Dezelfde gebruikservaring in HTML5 als Flash
  • Ondersteunt audiodescriptie en gebarentaal via een tweede scherm

Zwakke punten:

Paypal accessible HTML5 video player

Paypal player

Sterke punten:

  • Responsive (Bootstrap plugin)
  • Niet afhankelijk van Javascript frameworks

Zwakke punten:

  • Niet compatibel met YouTube
  • Laat maar één ondertitelingstrack toe
  • Ondertitels staan bovenaan in beeld

Plyr

Plyr

Sterke punten:

  • Responsive
  • Werkt ook als audiospeler
  • YouTube ondersteuning (en dus ook ondertiteling)
  • Niet afhankelijk van Javascript frameworks

Zwakke punten:

  • Er zit een overbodige TAB tussen de bedieningsknoppen
  • De bediening verdwijnt in volledig scherm weergave

MFP accessible video player van Access42

MFP player

Sterke punten:

  • De gebruiker kan de grootte van de ondertiteling aanpassen
  • Ondersteunt audiodescriptie via een apart audiospoor
  • Goede documentatie
  • Er is een plugin voor Plone CMS

Zwakke punten:

  • Niet mogelijk om meerdere spelers binnen een pagina te plaatsen
  • Niet compatibel met YouTube
  • Ontoegankelijk met VoiceOver op Mac, github issue 42

Accessible Media Player van Nomensa

Nomensa player

Sterke punten:

  • Compatibel met YouTube,DailyMotion en Vimeo
  • Als de originele vidio niet ondertiteld is, kan je ze in de speler nog toevoegen

Zwakke punten:

  • Ondersteunt enkel Flash en geen HTLM5 waardoor het niet werkt op iOS en Android
  • Ondersteunt de ondertiteling van YouTube niet, het moet in xml-formaat toegevoegd worden
  • Ondersteunt ondertiteling van Vimeo maar het is niet mogelijk om die uit te schakelen

Een bestaande speler verbeteren

Als bovenstaande spelers niet aan uw wensen voldoen, kan u altijd een bestaande speler aanpassen.

  • Voeg toegankelijke knoppen in HTML toe buiten de speler
  • Gebruik de API van de speler om via de knoppen de video aan te sturen

Bronnen