Guide AccessiWeb

1. Accueil
2. Mode d'emploi
3. Structure d'une fiche
4. Fiches AccessiWeb
   • 1) Images
   • 2) Cadres
   • 3) Couleurs
   • 4) Multimédia
   • 5) Tableaux
   • 6) Liens
   • 7) Code exécutable
   • 8) Eléments obligatoires
   • 9) Structuration de l'information
   • 10) Présentation de l'information
   • 11) Formulaires
   • 12) Navigation
   • 13) Consultation
5. Glossaire
6. Aide à l'évaluation
   • Liste d'outils
   • Manuel Code Source
   • Manuel WAT [Internet Explorer]
   • Manuel Web Dev [Firefox]
7. Référentiel AccessiWeb
   • AccessiWeb v1.1 [Général]
   • AccessiWeb v1.1 [Déployé]
   • AccessiWeb v1.0
8. Tables de correspondance
   • AW v1 vers AW v1.1 [Général]
   • AW v1.1 [Général] vers AW v1.1 [Déployé]
   • AW v1.1 [Général] vers WCAG 1.0
   • AW v1.1 [Général] vers UWEM 1.0
   • AW v1.1 [Déployé] vers UWEM 1.0
   • AW v1.1 [Général] vers WCAG 2.0
   • AW v1.1 [Général] vers mobileOK Basic 1.0
   • AW v1.1 [Général] vers RGAA
9. Moteur de recherche
10. Références
11. Remerciements
12. Plan du guide

Critère 4.3 : Chaque objet multimédia a-t-il si nécessaire des sous-titres synchronisés avec le contenu multimédia (hors cas particuliers) ?

revenir en haut de la page

Carte d'identité du critère 4.3 [niveau AccessiWeb : Bronze]

revenir en haut de la page

Comprendre

Comprendre le critère

Chaque objet multimédia doit avoir si nécessaire des sous-titres synchronisés à l'exception des cas particuliers pour le critère 4.3.

Bénéfices pour les utilisateurs

• Bénéfice 1 :
  Comme toute information électronique, il est nécessaire qu'une présentation multimédia (son, video, animation, ...) ait une alternative équivalente pour les personnes handicapées la consultant via leurs aides techniques (plage braille, synthèse vocale, raccourcis claviers, ...). Cette alternative (fournir l'information véhiculée dans la présentation multimédia sous forme textuelle et sonore) doit être synchronisée avec la présentation multimédia. Ainsi, chacun pourra avoir accès de manière équivalente et en temps réel à l'information.
  
  Cette alternative doit être constituée de sous-titres synchronisés (captions en anglais) contenant uniquement les paroles exprimées dans la présentation multimédia (les sous-titres sont utiles pour les personnes sourdes ou malentendantes pouvant les lire) et d'une audio-description synchronisée (information sonore utile aux personnes déficientes visuelles). L'audio-description contient des commentaires audio des détails importants ne pouvant être compris à partir de l'écoute seule de la piste sonore principale comme des informations sur les actions, les personnages, les changements de scène et le texte à l'écran. Cette audio-description (information sonore) est le plus souvent insérée entre les silences afin de ne pas parasiter le signal audible principal.
  
  
• Bénéfice 2 :
  L'alternative équivalente synchronisée vient compléter la transcription textuelle (consulter la fiche 4.1). Ces 2 alternatives complémentaires donnent aux personnes handicapées qui accèdent au Web via des aides techniques une liberté de consultation de la présentation multimédia.
  
  
• Bénéfice 3 :
  L'alternative équivalente synchronisée profite à tous. En effet, il peut arriver à chacun que les conditions de consultation d'une présentation multimédia soient non optimales: bruit extérieur empêchant l'écoute, luminosité de l'écran non suffisante pour distinguer parfaitement les images, liaison Internet à faible débit introduisant des perturbations dans la lecture de la présentation multimédia comme des images saccadées ou un son coupé par moment, pas de carte son installée sur l'ordinateur ou pas d'accès au son, etc. La possibilité de pouvoir lire des sous-titres ou d'écouter une audio-description de la présentation multimédia vient alors résoudre un problème ponctuel d'accès à l'information.

Valeur ajoutée pour le site

• Rendre accessible ses présentations multimédia élargit son audience à tous les internautes et assure un service de consultation de qualité quelles que soient les conditions d'accès.

revenir en haut de la page

Comment évaluer

Note : de manière générale, il est conseillé de faire l'évaluation d'un critère via l'analyse de son code source. Ce procédé d'évaluation par le code source est détaillé ci-après quand il est possible : procédé d'évaluation en 3 étapes via le ou les tests associés au critère. Les procédés d'évaluation par différents outils sont donnés en complément de l'évaluation par le code source.

Par le code source

1. Sélectionner le(s) élément(s) à tester :
   • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <object type="..." data="..."><param name="..." value="..." />...</object>) :
     • balise object de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
     • balise a avec l'attribut href de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
     • balise applet de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
     • Evènements générés par un script permettant de jouer ou de lancer un fichier de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
   • Identifier dans un navigateur graphique les objets multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...).
   • Lancer la lecture de chaque objet multimédia.
   • Vérifier la présence d'une information sonore.
   
   
   
2. Appliquer le(s) test(s) suivant(s) :
   • Test 4.3.a [Bronze] : Chaque objet multimédia de type son (wave, mp3...) a-t-il si nécessaire des sous-titres synchronisés (hors cas particuliers) ?
   • Test 4.3.b [Bronze] : Chaque objet multimédia de type video (avi, rm, wmv...) a-t-il si nécessaire des sous-titres synchronisés (hors cas particuliers) ?
   • Test 4.3.c [Bronze] : Chaque objet multimédia de type animation (Flash, Java, SVG...) a-t-il si nécessaire des sous-titres synchronisés (hors cas particuliers) ?
   
   
3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Par l'utilisation d'outils

Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.

Evaluer avec la Barre d'outils Accessibilité du Web pour Internet Explorer (version 2.0 beta en français) :

• Pour le test 4.3.a [Bronze], le test 4.3.b Bronze] et le test 4.3.c Bronze] dont l'objet multimédia est généré par une balise applet ou une balise object :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "Informations" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des Applets / Scripts [nouvelle fenêtre]" pour afficher les balises applet.
  3. Dans le menu "Informations" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des fichiers multimédias [nouvelle fenêtre] pour afficher les balises object.
  4. Déterminer si ces objets multimédia sont de type son, vidéo, animation
  5. Lancer l'objet multimédia.
  6. Vérifier dans l'objet multimédia la présence si nécessaire de sous-titres synchronisés avec le contenu multimédia (hors cas particuliers).
  7. Si c'est le cas, le test est validé.
  
  
• Pour le test 4.3.a [Bronze], le test 4.3.b Bronze] et le test 4.3.c Bronze] dont l'objet multimédia est généré par un lien (balise a avec un attribut href) :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "Informations" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des liens [nouvelle fenêtre]".
  3. Déterminer si ces objets multimédia sont de type son, vidéo, animation.
  4. Lancer l'objet multimédia.
  5. Vérifier dans l'objet multimédia la présence si nécessaire de sous-titres synchronisés avec le contenu multimédia (hors cas particuliers).
  6. Si c'est le cas, le test est validé.

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 4.3.a [Bronze], le test 4.3.b Bronze] et le test 4.3.c Bronze] dont l'objet multimédia est généré par une balise applet ou une balise object :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises applet sont de type son, vidéo, animation
  5. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  6. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises object).
  7. Déterminer si les balises object sont de type son, vidéo, animation.
  8. Lancer l'objet multimédia.
  9. Vérifier dans l'objet multimédia la présence si nécessaire de sous-titres synchronisés avec le contenu multimédia (hors cas particuliers).
  10. Si c'est le cas, le test est validé.
  
  
• Pour le test 4.3.a [Bronze], le test 4.3.b Bronze] et le test 4.3.c Bronze] dont l'objet multimédia est généré par un lien (balise a avec un attribut href) :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
  4. A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation.
  5. Lancer l'objet multimédia.
  6. Vérifier dans l'objet multimédia la présence si nécessaire de sous-titres synchronisés avec le contenu multimédia (hors cas particuliers).
  7. Si c'est le cas, le test est validé.

revenir en haut de la page

Comment mettre en oeuvre

Avertissement : les informations du paragraphe "Comment mettre en oeuvre" sont données à titre indicatif. Les contenus des sous-paragraphes Implémentation et Exemple de bonne pratique ne présentent pas tous les codes d'implémentation.

Qui est concerné ?

C'est le développeur HTML qui va implémenter ce critère mais c’est au rédacteur de contenu de fournir le contenu des sous-titres (si nécessaires).

Implémentation

Si nécessaire (voir les cas particuliers), les sous-titres d'un objet multimédia doivent reprendre sous forme textuelle les informations audio de l'objet multimédia et doivent apparaître de manière synchronisée avec le flux de l'objet multimédia.

Le W3C préconise l'utilisation du langage de programmation SMIL (Synchronized Multimedia Integration Language), en français : langage d'intégration multimédia synchronisée. Il permet d'intégrer des éléments multimédia sur le Web. Le mot "synchronisé" indique bien que ces éléments (images, mais aussi sons, vidéos, textes...) peuvent être synchronisés les uns avec les autres, pour créer au final de véritables présentations multimédia. Sa capacité à séparer les médias permet d'obtenir un contenu plus léger à charger.

Pour implémenter les sous-titres, il faut d'abord écouter la bande son de la présentation multimédia et transcrire le texte et son temps de synchronisation. Puis, soit à l'aide d'un éditeur de texte, soit avec un outil de synchronisation type MAGpie, il faut créer le fichier texte SMIL qui contient les informations pour le contenu des sous-titres et des temps de synchronisation avec les images de l'objet multimédia.

Si vous synchronisez les sous-titres avec la présentation multimédia en utilisant SMIL, vous devez mettre l'attribut systemCaptions à "on" dans votre fichier SMIL principal pour laisser à l'internaute le choix de lire ou pas les sous-titres (note: dans la version 1.0 de SMIL, il s'agit de l'attribut system-captions)

Exemple de mauvaise pratique

Considérer l'exemple d'un objet multimédia de type vidéo qui contient à la fois un flux vidéo et un contenu audio (une conversation entre plusieurs personnes et des sons significatifs (une voix off par exemple)) et où des sous-titres synchronisés ne sont pas proposés à l'utilisateur : dans cet exemple, ils sont absolument nécessaires.

Exemple de bonne pratique

A partir du précédent exemple, des sous-titres synchronisés au flux vidéo sont ajoutés à l'objet multimédia de type vidéo.

revenir en haut de la page

Illustrations

Il n'y a pas d'illustration pour cette fiche.

revenir en haut de la page

Références

• accessibilité vidéo
• WAI Curriculum: exemple pour le checkpoint 1.4
• WebAIM : Captions
• WebAIM : Captioning Real Media
• Accessible electronic content : Make video accessible
• Skills for Access : Provide text equivalents for audio - general advice on captions
• Skills for Access : Provide audio
• descriptions for video or animated content - general advice
• AccessIT : How do I make multimedia accessible ?
• MAGpie
• WebAIM : Captioning with MAGpie
• MAGpie Documentation : Starting a Captioning Project
• Spécification du langage d'intégration multimédias synchronisés (SMIL) version 1.0
• Langage d'Intégration Multimédias Synchronisés (SMIL 2.0)
• WAI Resource: SMIL 1.0 Accessibility Improvements
• SMIL pour Real Player
• allHTML.com : le langage SMIL

revenir au sommaire de la fiche

revenir en haut de la page

---

Guide AccessiWeb (version 3.0, 9 juin 2008) | Conditions d'utilisation | Contact
Copyright © 2008 Association BrailleNet. Tous droits Réservés.