Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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...
Upcoming SlideShare
Loading in …5
×

0

Share

Download to read offline

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

Download to read offline

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

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

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

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

Views

Total views

599

On Slideshare

0

From embeds

0

Number of embeds

3

Actions

Downloads

3

Shares

0

Comments

0

Likes

0

×