R.M.L.L Genève 2012  Des vidéos libres etaccessibles sur le Web,  un pari impossible ?        10 juillet 2012       Armony...
Web et vidéo   Deux protocoles différents sur Internet :       Web : TCP/IP       Vidéo : RTP                          ...
Web et accessibilité   Premier objectif du W3C : mettre le Web et ses     services à la disposition de chacun, quelle    ...
Le principe des technologies        dassistance     Des technologies pour nous faciliter le quotidien      Universal Desig...
Accessibilité des vidéos                sur le Web   Références : WCAG 2, AccessiWeb 2.1, RGAA    2.2.1   Principes géné...
Vidéos sur le Web :           Flash incontournable ?   Théorie : seul Flash peut être accessible       Alternative oblig...
Vidéos web : limpossible              accessibilité ?   Si, mais pas libre... Flash, IE   À moins de permettre le téléch...
Dans la vraie vie   Tanscriptions rares   Sous-titrages encore plus rares   Audiodescription inexistante               ...
Dans la vraie vie   Interface dépendante de grands diffuseurs :    Youtube, Dailymotion, Vimeo..       Interface en Flas...
Ce que va changer HTML 5   Le lecteur vidéo devient un élément web !       Ouverture du code, libération de la vidéo   ...
Quelle prise en charge de HTML 5      <video> aujourdhui ?      Source : http://caniuse.com/#feat=video [10/07/2012]      ...
Quelle prise en charge de HTML 5      <video> aujourdhui ?  Source : http://bit.ly/c989fB Alsacréations – Nicolas Hoffmann...
Quelle prise en charge de HTML 5      <video> aujourdhui ?   Windows/NVDA : OK avec Firefox   GNU-Linux/Orca : prise en ...
Exemple dutilisation de la balise           <video><video controls="controls" src="video/320x240.ogg"><source src="movie.o...
Quelle prise en charge de HTML 5      <track> aujourdhui ?   Aucune !                                   15
Quelle prise en charge de HTML 5      <track> aujourdhui ?   Aucune !                                   16
Exemple dutilisation de la balise            <track><video controls="controls" src="video/320x240.ogg"><source src="movie....
Les pièges et limites de HTML 5          pour laccessibilité   Le danger de lattribut autoplay        Bonne pratique : n...
Quid de Javascript ?   Bibliothèques JS facilitant le sous-titrage et    linteraction avec les vidéos :       Popcorn.js...
Demo de popcorn.jsSource : http://popcornjs.org/demo/shakespeare-is-better-with-popcorn                                   ...
Demo de timesheet.jsSource : http://wam.inrialpes.fr/timesheets/annotations/video.html                                    ...
Quid de laccessibilité de               Javascript ?   Interdit par AccessiWeb 2.1 et RGAA 2.2.1       Alternative toujo...
Quid de laccessibilité de             Javascript ?   JS non pris en charge dans les navigateurs    texte tels que Lynx ou...
Quid de laccessibilité de              Javascript ?   Pièges du sous-titrage en JS : doublons avec    une synthèse vocale...
Quelle solution pour de la vidéolibre et accessible sur le Web ?   Combinaison HTML 5 + JS pour sous-titrage et    éventu...
ConclusionHTML 5 libère la vidéo sur le Web, mais de nombreux défis à relever                                     26
Défis pour laccessibilité         des vidéos sur le Web   Défi technique : prise en compte de    laccessibilité, avec rec...
Défis pour laccessibilité          des vidéos sur le Web   Défi dorganisation : facilitation de linsertion    de sous-tit...
Défis pour laccessibilité          des vidéos sur le Web   Défi juridique :       accepter de mettre ses sources en télé...
Contact   Groupe de travail April accessibilité et logiciels    libres :       accessibilite@april.org       libre-et-a...
Crédits et licence   Auteure : Armony Altinier   Licence : CC-BY-SA France 2.0 ou ultérieure   Présentation réalisée av...
Prochain SlideShare
Chargement dans…5
×

Des vidéos libres et accessibles sur le Web, un pari impossible ? - RMLL 2012

381 vues

Publié le

Conférence donnée lors des rencontres mondiales du logiciel libre à Genève le 10 juillet 2012. Voir : http://schedule2012.rmll.info/Accessible-free-videos-on-the-Web-an-impossible-bet?lang=fr

Résumé :
Alors que jusqu’ici seul Flash était supposé permettre la mise à disposition de vidéos accessibles sur le Web, HTML 5 et le déploiement de javascript apportent aujourd’hui une alternative. Mais alors que l’on peut se poser la question de l’accessibilité réelle de Flash, jusqu’à quel point javascript et HTML 5 sont-ils accessibles ?

La vidéo libre et accessible sur le Web est-elle une utopie ou une réalité ?

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
381
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
3
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Des vidéos libres et accessibles sur le Web, un pari impossible ? - RMLL 2012

  1. 1. R.M.L.L Genève 2012 Des vidéos libres etaccessibles sur le Web, un pari impossible ? 10 juillet 2012 Armony Altinier 1
  2. 2. Web et vidéo Deux protocoles différents sur Internet :  Web : TCP/IP  Vidéo : RTP 2
  3. 3. Web et accessibilité Premier objectif du W3C : mettre le Web et ses services à la disposition de chacun, quelle que soit sa langue, sa culture, son infrastructure réseau, sa localisation géographique... ou son handicap physique ou mental. GdT du W3C : WAI spécialisé sur laccessibilité du Web pour tous les handicaps (visuel, auditif, moteur, de parole, cognitif, intellectuel et psychique) 3
  4. 4. Le principe des technologies dassistance Des technologies pour nous faciliter le quotidien Universal Design 4
  5. 5. Accessibilité des vidéos sur le Web Références : WCAG 2, AccessiWeb 2.1, RGAA 2.2.1 Principes généraux  Tanscription textuelle : version texte de la vidéo  Sous-titrage  Audiodescription  Accessibilité de linterface : navigation au clavier, identification textuelle des boutons dinterface  Possibilité de lancer, arrêter et relancer la vidéo 5
  6. 6. Vidéos sur le Web : Flash incontournable ? Théorie : seul Flash peut être accessible  Alternative obligatoire à JS En pratique : les objets embarqués inaccessibles au clavier, sauf sous IE 6
  7. 7. Vidéos web : limpossible accessibilité ? Si, mais pas libre... Flash, IE À moins de permettre le téléchargement des sources : liberté du choix du navigateur, du lecteur...  Expérience utilisateur différente puisquil faut dabord télécharger le fichier pour pouvoir le lire 7
  8. 8. Dans la vraie vie Tanscriptions rares Sous-titrages encore plus rares Audiodescription inexistante 8
  9. 9. Dans la vraie vie Interface dépendante de grands diffuseurs : Youtube, Dailymotion, Vimeo..  Interface en Flash à lorigine  Passage progressif à HTML 5 9
  10. 10. Ce que va changer HTML 5 Le lecteur vidéo devient un élément web !  Ouverture du code, libération de la vidéo Travail des intégrateurs et contributeurs facilité :  Balise video  Balise track 10
  11. 11. Quelle prise en charge de HTML 5 <video> aujourdhui ? Source : http://caniuse.com/#feat=video [10/07/2012] 11
  12. 12. Quelle prise en charge de HTML 5 <video> aujourdhui ? Source : http://bit.ly/c989fB Alsacréations – Nicolas Hoffmann [12/01/2012] 12
  13. 13. Quelle prise en charge de HTML 5 <video> aujourdhui ? Windows/NVDA : OK avec Firefox GNU-Linux/Orca : prise en charge partielle – ne lit pas les contrôles mais restitue la progression de la lecture vidéo 13
  14. 14. Exemple dutilisation de la balise <video><video controls="controls" src="video/320x240.ogg"><source src="movie.ogg" type="video/ogg" /><source src=”movie.webm” type=”video/webm />Votre navigateur ne supporte pas le lecteur vidéo, vous pouvez <ahref="/video/your_video.ogg">télécharger la vidéo (OGG,200ko).</a></video> Voir des exemples : http://shapeshed.com/examples/HTML5-video-element/ 14
  15. 15. Quelle prise en charge de HTML 5 <track> aujourdhui ? Aucune ! 15
  16. 16. Quelle prise en charge de HTML 5 <track> aujourdhui ? Aucune ! 16
  17. 17. Exemple dutilisation de la balise <track><video controls="controls" src="video/320x240.ogg"><source src="movie.ogg" type="video/ogg" /><source src=”movie.webm” type=”video/webm /><track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">Votre navigateur ne supporte pas le lecteur vidéo, vous pouvez <ahref="/video/your_video.ogg">télécharger la vidéo (OGG,200ko).</a></video> 17
  18. 18. Les pièges et limites de HTML 5 pour laccessibilité Le danger de lattribut autoplay  Bonne pratique : ne JAMAIS utiliser autoplay Balise de sous-titrage <track> non supportée Absence de balise pour laudiodescription  Obligation de réaliser une vidéo audiodécrite à proposer en alternative → 2 vidéos 18
  19. 19. Quid de Javascript ? Bibliothèques JS facilitant le sous-titrage et linteraction avec les vidéos :  Popcorn.js  Timesheet.js 19
  20. 20. Demo de popcorn.jsSource : http://popcornjs.org/demo/shakespeare-is-better-with-popcorn 20
  21. 21. Demo de timesheet.jsSource : http://wam.inrialpes.fr/timesheets/annotations/video.html 21
  22. 22. Quid de laccessibilité de Javascript ? Interdit par AccessiWeb 2.1 et RGAA 2.2.1  Alternative toujours nécessaire pour ces référentiels, alors que pas demandée pour Flash RGAA 22
  23. 23. Quid de laccessibilité de Javascript ? JS non pris en charge dans les navigateurs texte tels que Lynx ou W3M 23
  24. 24. Quid de laccessibilité de Javascript ? Pièges du sous-titrage en JS : doublons avec une synthèse vocale – penser à charger une version non sous-titrée par défaut et à proposer le sous-titrage en option, sur demande de lutilisateur 24
  25. 25. Quelle solution pour de la vidéolibre et accessible sur le Web ? Combinaison HTML 5 + JS pour sous-titrage et éventuellement les contrôles Alternative proposant les sources en téléchargement 25
  26. 26. ConclusionHTML 5 libère la vidéo sur le Web, mais de nombreux défis à relever 26
  27. 27. Défis pour laccessibilité des vidéos sur le Web Défi technique : prise en compte de laccessibilité, avec recommandation de ne pas utiliser lattribut autoplay, ajout de sous-titres via JS tant que track pas supporté 27
  28. 28. Défis pour laccessibilité des vidéos sur le Web Défi dorganisation : facilitation de linsertion de sous-titrage, mais transcription et sous- titrage demandent du temps et un savoir faire pour caler les sous-titres  À suivre : initiatives tels que Universal Subtitle ou bibliothèques JS précitées 28
  29. 29. Défis pour laccessibilité des vidéos sur le Web Défi juridique :  accepter de mettre ses sources en téléchargement – question du droit dauteur  Avoir lautorisation de modifier une œuvre pour la rendre accessible 29
  30. 30. Contact Groupe de travail April accessibilité et logiciels libres :  accessibilite@april.org  libre-et-accessible.org Armony Altinier :  aaltinier@april.org  @armonyaltinier 30
  31. 31. Crédits et licence Auteure : Armony Altinier Licence : CC-BY-SA France 2.0 ou ultérieure Présentation réalisée avec LibreOffice Impress 31

×