Point à prendre en considération pour rendre un élément multimedia accessible

Dans le cas d'une animation Flash :

• alternative dans un format accessible;
• sous-titre et audio-description synchronisés(qu’on ne retranscrit pas dans les sous-titres);
• contrôle accessible (lecture/pause, arrêt);
• option d’accessibilité de Flash utilisé comme la tabulation au clavier à l'intérieur de l'animation, et l'alternative textuelle aux clips ou aux boutons (comme sur le site http://www.jkrowling.com/ bien qu'il soit loin d'être parfait)

Dans le cas d'une vidéo :

• transcript;
• Sous-titre et audio description synchronisés;
• Contrôle accessible (lecture/pause, arrêt, contrôle du volume, avance/retour rapide)

Comment mettre en oeuvre ces éléments ?

Synchronisons en coeur

Pour la partie sous-titre et audio-description synchronisés d'une vidéo il y a SMIL, recommandation du W3C, basé sur XML (un document SMIL est un fichier texte structuré) qui permet d’intégrer et de synchroniser dans le temps des contenus multimédia diversifiés (vidéos, textes, sons, images, animations, etc.), pour plus d'information sur le sujet voir les supports de la présentation faite avec François palaci lors du séminaire technique Accessiweb

Pour le Flash vous pouvez synchroniser un fichier texte xml ou utiliser des outils comme Hicaption

Bien intégrer la balise object

Il existe plusieurs méthodes dont voici les principales :

• Flash par défaut (ce que génère Flash quand vous exportez en vers du html depuis l'outil)
• Flash satay
• UFO
• Nested object

L’intégration standard de Flash n’est pas valide xhtml ce qui pour certaines personnes est un problème

Flash satay est valide xhtml mais bug sur certaines versions de ie5 et ie5.5 (obligation de rajouter un javascript supplémentaire) nécessite un flash englobant pour faire du streaming, ne possède pas de vérification de version de plugin et peut poser problème sur les anciennes versions de safari. Attention, cette technique peut également poser des problèmes à certains lecteur d'écran comme Jaws qui ne pourront pas accéder au contenu du Flash si celui ci est rendu accessible.

UFO fonctionne parfaitement, est valide xhtml mais nécessite javascript (problème, si pas de javascript mais plugin flash présent)

Nested object fonctionne parfaitement et est valide xhtml, il s'agit d'imbriquer plusieurs balises object les unes dans les autres, pour permettre le bonne affichage de l'élément intégré via la balise object et de donner un alternative si le plugin nécessaire pour son affichage est absent ou si active-x est désactivé (pour internet explorer)

voilà un exemple de mise en oeuvre dans un fichier txt dans le cas d'un fichier flash (j'ai pas réussit en le mettre dans la page même avec la balise code ou pre

vidéo le choix du format

En fait, ce choix est plutôt dicté par les lecteurs vidéos et les formats qui leur sont associés.
Plusieurs se taillent les parts du gâteau ce qui ne facilitent pas la tâche, chacun étant plus ou moins accessible (cf: les points à respecter de la première partie de cet article)

• Quicktime et son format .mov
• Realplayer et son format .rm
• Windows media player et son .wmv
• Flash et son .swf
• Les lecteurs en logiciel libres mais qui sont exclus car ne supportant pas encore correctement le langage SMIL (VLC, Media player classic : pas du tout, Mplayer et Xine : pas parfaitement), tout en n'offrant aucune alternative autre (cf: SAMI + Time pour windows media player).

A cela, s'ajoute la problématique du mode de diffusion, les vidéos pouvant, comme vu précédemment, être intégrés dans les pages avec les balises object ou être mis en lien externe (solution à privilégier en règle générale).

voilà donc un petit récapitulatif pour faire le bon choix (un + signifie 1 bon point, un - signifie un mauvais point) :

Dans le cas d'une vidéo intégrée dans la page

• Flash: accessibilité au clavier ++, contrôle des options d'accessibilités (affichages/masquage des sous-titres, arrêt de l'audio-description) ++, SMIL -
  Comme vu précédemment il ne supporte pas directement le SMIL mais permet une alternative pour synchroniser nos éléments. Il peut être rendu accessible au clavier et donc les contrôles de la vidéo également
• WMP: accessibilité au clavier --, contrôle des options d'accessibilités --, SMIL-
  l'utilisateur n'a aucun contrôle au clavier sur ce lecteur vidéo, il ne supporte pas le SMIL mais un équivalent propre à Microsoft SAMI + Time, aucune possibilité de contrôler les options d'accessibilités
• Quicktime: accessibilité au clavier ++, contrôle des options d'accessibilités +, SMIL++
  L'utilisateur peut via le clavier arrêter/jouer la vidéo, ainsi qu'interagir sur le volume sonore, bon support du SMIL 1.0, l'on peut à la souris prévoir une zone réactive sur la vidéo permettant d'afficher/masquer les sous-titres et de couper l'audio-description
• Real: accessibilité au clavier --, contrôle des options d'accessibilités --, SMIL++
  l'utilisateur n'a aucun contrôle au clavier sur ce lecteur vidéo qui est pourtant celui avec le meilleur support du SMIL, aucune possibilité de contrôler les options d'accessibilités

Dans le cas d'une vidéo externe à la page

• Flash: accessibilité au clavier ++, contrôle des options d'accessibilités (affichages/masquage des sous-titres, arrêt de l'audio-description) ++, SMIL -
• WMP: accessibilité au clavier +, contrôle des options d'accessibilités +, SMIL-
  l'utilisateur contrôle au clavier sa vidéo , possibilité d'afficher/masquer une zone de sous-titre
• Quicktime: accessibilité au clavier ++, contrôle des options d'accessibilités +, SMIL++
  l'utilisateur contrôle au clavier sa vidéo, possibilité dans le version Pro du lecteur (payante) de désactivé/activé les pistes ou zones d'affichages supplémentaires
• Real: accessibilité au clavier ++, contrôle des options d'accessibilités ++, SMIL++
  l'utilisateur contrôle au clavier sa vidéo et choisi dans ses préférences l'affiche ou non des options d'accessibilités

En conclusion

Dans le cas d'une vidéo intégrée à la page, je choisirais le format .swf ou le .mov, l'avantage allant au swf et à flash dont le plugin est plus répandu (dut moins d'après Macromédia).

Dans le cas d'une vidéo externe, je retiendrais le format .rm ou .swf, l'avantage allant encore une fois au swf et à flash car rien ne m'assure que mon lecture utilisera bien realplayer pour lire mon fichier .rm alors que les lecteurs Flash libre sont encore émergeant. Cela dit, si je veux pleinement respecter les recommandations du w3c le .rm sera la solution (Ahhh les réponses de normand).