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

462 views

Published on

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é ?

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
462
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×