Lecteurs vidéo HTML5 accessibles

7 commentaires

Publié le 1 octobre 2014 par Johan Ramon

Après celle sur les « Advisory Technique » (WCAG) qui vient tout juste de s’achever, je vous propose aujourd’hui une nouvelle série de billets qui portera cette fois-ci sur l’accessibilité des lecteurs vidéo HTML5.

Principe

Le principe de cette nouvelle série est simple.

Régulièrement, je publierai un nouveau billet présentant les résultats de l’analyse d’accessibilité d’un lecteur vidéo HTML5.

Petite précision, seuls les players vidéo disposant par défaut d’un bon niveau d’accessibilité seront présentés.

Vous pouvez d’ailleurs retrouver la liste de ces lecteurs sur le Delicious d’Atalan (externe).

À noter enfin que si le player analysé intègre une version alternative (fallback) en Flash, celle-ci ne sera pas évaluée.

Points d’accessibilité analysés

Voici ci-après la liste des points d’accessibilité qui seront analysés.

Pour chacun d’entre-eux, je soulèverai à la fois les manques et éventuels points d’amélioration mais également les points forts et les particularités, si présence.

Support du sous-titrage

Le premier point testé concernera le support du sous-titrage.

En réalité, l’ensemble des players étudiés proposeront la possibilité d’associer des sous-titres externes (Closed Caption) à une vidéo.
C’est d’ailleurs un prérequis pour figurer sur le Delicious d’Atalan. ;)

L’idée sera surtout de présenter les spécificités du player en la matière ; comme d’éventuelles fonctionnalités de personnalisation de l’affichage des sous-titres, par exemple.

Support de l’audiodescription

Second point testé : le support de l’audiodescription.

Pour rappel, l’audiodescription permet de rendre les vidéos accessibles aux personnes aveugles ou malvoyantes grâce à un texte en voix off (communément placé entre les dialogues ou les éléments sonores importants) décrivant les éléments visuels informatifs.

Présence des boutons de contrôle

Les référentiels d’accessibilité français attendent d’un player vidéo qu’il propose les boutons de contrôle suivants :

  • Lecture.
  • Pause.
  • Arrêt.
  • Volume sonore.

C’est la présence de cette liste de boutons qui sera vérifiée.

Intégration technique des boutons de contrôle

Ce test, qui sera le plus technique, présentera la manière dont les boutons de contrôle du player sont intégrés (<img />, background-image CSS, icon-font, autres…).

Navigation au clavier

Ici, le test portera sur l’utilisation du player au clavier seul.

Concrètement, je testerai si l’ensemble des boutons de contrôle (lecture, pause, avancement, volume sonore, etc.) sont fonctionnels avec ce périphérique.

Lecteurs vidéo étudiés

Voici la liste (susceptible d’évoluer) des lecteurs qui seront décortiqués :

Un des principaux objectifs de ces analyses est de remonter nos retours aux éditeurs de ces player pour, s’ils le souhaitent, qu’ils améliorent encore l’accessibilité de leur réalisation.

Je vous dis donc à très vite pour l’analyse du lecteur vidéo « Acorn Media Player ».

Vos commentaires

  • Par Yann, le 20 octobre 2014 à 17h56.

    Un autre player accessible à tester : http://ableplayer.github.io/ableplayer/

    Vous connaissez ?

    Répondre

    • Par Johan Ramon, le 31 octobre 2014 à 11h34.

      Bonjour Yann,

      Nous allons ajouter ce player à la liste. Merci.

      Répondre

  • Par Fanny Giac, le 31 octobre 2014 à 11h23.

    et celui-ci ?
    MFP Accessible Video Player
    https://github.com/access42/MFPvideoPlayer
    labellisé Accessiweb

    Répondre

    • Par Johan Ramon, le 31 octobre 2014 à 11h57.

      Bonjour Fanny,

      Nous avons identifié que les sous-titres ne s’affichent pas sur tous les navigateurs, notamment Internet Explorer 11 et Chrome 38 (sur la version de démonstration).

      Connaissez-vous un site sur lequel ce player a été employé ?
      Afin que nous puissions vérifier si c’est également le cas ?

      Le cas échéant, nous l’ajouterons à la liste.

      Merci pour votre proposition.

      Répondre

  • Par Fanny Giac, le 9 mars 2015 à 15h51.

    bonjour,

    est-ce que vous pouvez aussi tester ce player, il me semble aussi assez accessible :
    http://plyr.io/
    https://github.com/selz/plyr

    merci et bonne journée
    Fanny

    Répondre

    • Par Sébastien Delorme, le 9 mars 2015 à 15h57.

      Bonjour,

      Comme tu peux le constater, nous avons un peu de retard dans la publication des résultats et des billets concernant les autres lecteurs (un seul publié à ce jour).

      Johan, qui s’occupe de l’analyse, est sur plein de projets passionnants pour l’instant et nous allons ensuite rattraper le retard sur ce blog avec les lecteurs de notre liste initiale (avant de nous en rajouter :)).

      Après un parcours rapide, je confirme que ce lecteur semble être d’une belle qualité.

      Bel après-midi.
      Sébastien.

      Répondre

Ajouter un commentaire

Les champs avec astérisque (*) sont obligatoires.

Haut de page