Vidéo dans un lecteur Flash
Les lecteurs multimédia de type Flashplayer sont souvent utilisés pour la lecture de vidéos en ligne parce qu'ils ne requièrent pas de logiciel particulier côté serveur et offrent une compatibilité maximale avec les systèmes d'exploitation et navigateurs web. Cet article décrit les critères d'accessibilité pour un lecteur Flash.
Certains lecteurs Flash sont-ils plus accessibles que d'autres? Quelles adaptions sont nécessaires pour garantir une accessibilité à tous?
Critères d'accessibilité
- Les boutons pour démarrer la vidéo, l'interrompre et l'arrêter doivent être utilisables au moyen du clavier.
- Les intitulés des boutons de commande doivent être clairs également pour les utilisateurs de lecteurs d'écran.
- Le lecteur doit disposer d'une fonction pour afficher des sous-titres.
S'il n'est pas possible de proposer des boutons de contrôle accessibles, il peut également être acceptable de proposer un lien pour télécharger la vidéo en format mp4 qui contient les sous-titres.
Choix d'un lecteur Flash
Pour intégrer une vidéo dans une page de votre site, vous avez à votre disposition une multitude de lecteurs multimédias, dont un grand nombre peuvent être téléchargés gratuitement. Mais les boutons de contrôle de ces lecteurs Flash ne sont pas accessibles au moyen du clavier dans tous les cas de figure.
Un exemplaire qui a été conçu avec une attention particulière pour l'accessibilité est le JW player de Jeroen Wijering (open source et gratuit pour un usage non commercial). Il présente l'avantages de permettre l'ajout de sous-titres et d'une audiodescription. Et le même lecteur permet d'intégrer un film hébergé sur votre propre serveur ou mis sur Youtube. Mais même le JWplayer n'est pas utilisable avec le lecteur d'écran JAWS. Celui-ci voit le lecteur comme une boite noire (begin Flash movie, end flash movie)
Une limitation importante est que les navigateurs Firefox et Safari, même dans leurs versions récentes, ne permettent pas de déplacer le focus sur un objet Flash. Après avoir cliqué sur l'objet, il est possible de naviguer au moyen de la touche TAB, mais le fait de devoir cliquer sur l'objet pour commencer pose un problème à tous les utilisateurs qui ne peuvent pas utiliser la souris. Le JWplayer a également ce problème.
Il y a deux manières de contourner le problème:
- ajouter des boutons de contrôle accessibles, en HTML (notre préférence, mais pas toujours possible)
- prévoir un lien pour télécharger la vidé (avec sous-titres).
Prévoir des boutons de contrôle accessibles
Le principe est simple : les boutons de contrôle sont ajoutés comme des liens (graphiques) dans la page HTML qui contient l'objet Flash. Ces liens communiquent avec le lecteur Flash au moyen de Javascript. Pour que ce soit possible il faut qu'un API Javascript soit disponible. Comme les boutons de contrôle sont de simples liens HTML, vous pouvez les placer et les nommer à votre guise et leur donner l'apparence que vous voulez.
Voici quelques exemples d'application de ce principe:
- Nous l'avons testé avec le JWplayer, ce qui donne un exemple de JWplayer avec boutons de commande accessibles. Vous trouverez toutes les infos utiles sur la page de support du JWplayer v5.
- Cela fonctionne aussi très bien avec le lecteur Youtube, comme expliqué dans l'artcile du OSU accessibility Center "Accessible Youtube video" (en anglais).
-
Le lecteur multimédia de Nomensa est accessible et open source. Il fonctionne sur les principes expliqués ci-dessus et présente l'avantage d'être une solution prête à l'emploi avec feuille de style. Il se différencie des deux solutions précédentes par la présence d'un bouton accessible qui permet d'activer ou de désactiver le sous-titrage.
- L'API Javascript de Vimeo (en anglais) ainsi que l'API de DailyMotion permettent également de contrôler ces lecteurs multimédia de l'extérieur, au moyen de Javascript.
Remarques:
- Dans les exemples données, seule la solution de Nomensa permet de rendre le bouton d'activation/désactivation des sous-titres (CC pour Closed Captions) accessible au clavier. SI vous choisissez une autre solution, nous proposons alors d'activer les sous-titres par défaut pour qu'ils soient disponibles pour ceux qui n'utilisent pas de souris.
- Il existe également des techniques faisant usage uniquement de la technologie Flash pour rendre les boutons de commande (plus) accessibles. Nous ne considérons pas ces techniques comme suffisantes pour l'instant parce qu'il n'est pas certain qu'elles fonctionneront avec la plupart des aides techniques.
Prévoir des liens de téléchargement
Ceci n'est pas obligatoire si des boutons de commande accessibles ont été ajoutés, mais cela reste une bonne solution de rechange au cas ou Flash n'est pas disponible.
Conclusion
Certains flashplayers son-ils plus accessibles que d'autres? Oui, voir le tableau ci-dessous:
| Player | Sous-titrage | Audiodescription | Accessibilité clavier | Utilisation avec lecteur d'écran | API Javascript |
|---|---|---|---|---|---|
| Youtube |  |
 |
|
|
|
| JW player | |
|
|
|
|
| Dailymotion | |
|
|
|
|
| Vimeo | |
|
|
|
|
Même les meilleures solutions ne garantissent pas une accessibilité complète. Choisissez donc un lecteur qui permet d'afficher des sous-titres et auquel vous pouvez facilement ajouter des boutons de commande accessibles.