Eléments multimédias et accessibilité écouter le billet : Eléments multimédias et accessibilité - mp3 - nouvelle fenêtre

dimanche 19 mars 2006 à 18:08 :: Accessibilité :: #1 :: rss

C'est une problématique large que l'utilisation d'éléments multimédias sur le web et de leur accessibilité alors voici un petit récapitulatif issu de mon intervention au D.U accessibilité numérique de Jussieu.

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 :

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).

Trackbacks

Aucun trackback.

Les trackbacks pour ce billet sont fermés.

Commentaires

1. Le mardi 21 mars 2006 à 12:25, par Monique

Bonjour,

Très utile, ce récapitulatif !
Pour les non anglophones, la traduction de Flash Satay : www.ac-graphic.net/articl...

A propos du transcript d'une vidéo, je voudrais souligner le problème des sourds. Du fait de la nature de la langue des signes (idiomatique), un grand nombre d'entre-eux ne sont pas capables de comprendre un texte long et un peu trop complexe. Il n'est pas réaliste d'envisager de tout doubler en langue des signes mais dans certains cas (sites officiels et messages importants aux citoyens, par exemple), cela serait indispensable.

Amicalement,
Monique

2. Le mercredi 3 décembre 2008 à 00:15, par étudiant de l'acessibilité Web

Si on veut parler aussi du point de vue connectivité, les formats multimédia sont généralement volumineux et tendent par conséquence à gêner la navigation, surtout pour les gens qui ont encore sous le bas débit

3. Le samedi 23 mai 2009 à 14:34, par Jean-Marc Hardy

Enfin un article clair sur le choix des formats vidéo... je serais fort intéressé par son actualisation... Flash s'est imposé, entre-temps, je pense.

Ajouter un commentaire

Les commentaires pour ce billet sont fermés.

Calendrier

mars 2006 »
lunmarmerjeuvensamdim
12345
6789101112
13141516171819
20212223242526
2728293031

Catégories

Sondage

Lequel des ces tutoriaux préféreriez vous voir traiter en priorité ?

Syndication

Archives

Il y a 105 billets publies sur ce blog, alors n'hésitez pas à fouiner

Liens