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.1 : Chaque objet multimédia a-t-il si nécessaire une transcription textuelle (hors cas particuliers) ?

revenir en haut de la page

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

revenir en haut de la page

Comprendre

Comprendre le critère

Les objets multimédia doivent avoir si nécessaire une transcription textuelle à l'exception des cas particuliers pour le critère 4.1.

Bénéfices pour les utilisateurs

• Les alternatives texte rendent les présentations multimédia accessibles aux personnes qui ont des déficiences auditives et/ou visuelles, et à toute personne qui ne peut exécuter des fichiers multimédia car non équipée des logiciels nécessaires ou ne pouvant les télécharger à cause d’une liaison Internet faible débit.

Valeur ajoutée pour le site

• Les équivalents textuels associés aux éléments multimédia peuvent être indexés par les moteurs de recherche. Les concepteurs des sites sont donc également bénéficiaires car l'audience de leur site peut augmenter grâce à cette indexation supplémentaire.

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...).
   
   
   
2. Appliquer le(s) test(s) suivant(s) :
   • Test 4.1.a [Bronze] : Chaque objet multimédia de type son (wave, mp3...) a-t-il si nécessaire une transcription textuelle (hors cas particuliers) ?
   • Test 4.1.b [Bronze] : Chaque objet multimédia de type video (avi, rm, wmv...) a-t-il si nécessaire une transcription textuelle (hors cas particuliers) ?
   • Test 4.1.c [Bronze] : Chaque objet multimédia de type animation (Flash, Java, SVG...) a-t-il si nécessaire une transcription textuelle (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.1.a [Bronze], le test 4.1.b Bronze] et le test 4.1.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. Vérifier dans la page la présence si nécessaire d'une transcription textuelle (hors cas particuliers).
  6. Si c'est le cas, le test est validé.
  
  
• Pour le test 4.1.a [Bronze], le test 4.1.b Bronze] et le test 4.1.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. Vérifier dans la page la présence si nécessaire d'une transcription textuelle (hors cas particuliers).
  5. 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.1.a [Bronze], le test 4.1.b Bronze] et le test 4.1.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. Vérifier dans la page la présence si nécessaire d'une transcription textuelle (hors cas particuliers).
  9. Si c'est le cas, le test est validé.
  
  
• Pour le test 4.1.a [Bronze], le test 4.1.b Bronze] et le test 4.1.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. Vérifier dans la page la présence si nécessaire d'une transcription textuelle (hors cas particuliers).
  6. 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 la transcription textuelle associée à l'objet de multimédia (et le contenu de l’audio-description si celle-ci est possible).

Implémentation

Si nécessaire (voir les cas particuliers), la transcription textuelle d'un objet multimédia sous forme d'un texte dans un format accessible (HTML, TXT...) peut être mise dans un fichier à télécharger ou dans une page Web. Le lien vers cette alternative doit être associée de manière évidente à la présentation multimédia.

Exemple de mauvaise pratique

Dans le code ci-après, un lien vers une video est proposée (video sur "une voiture et Einstein"). Mais aucun fichier texte (contenant l'alternative textuelle équivalente à cette video) n'est proposé à l'internaute.

<html>
<body>
Voir la
<a href="http://www.domaine.com/car.smi">
video sur "une voiture et Einstein" (format <span lang="en">SMIL</span>, 515 <acronym title="kilo octets">ko</acronym>)
</a>.
</body>
</html>

Exemple de bonne pratique

Dans le code ci-après, un lien vers une video est proposée (video sur "une voiture et Einstein"). Un lien pour télécharger un lecteur multimedia est donné. De plus, un message informe l'internaute qu'un fichier texte de transcription de la video (contenant l'alternative textuelle équivalente à cette video) est également disponible.

<html>
<body>
Vous pouvez consulter la video sur "une voiture et Einstein" via un lecteur multimedia (<a href="http://france.real.com/freeplayer_r1p.html">télécharger le lecteur <span lang="en">Real Player</span> en français</a>) ou lire le fichier texte contenant sa transcription:

<ul>
<li>
Voir la
<a href="http://www.domaine.com/car.smi">
video sur "une voiture et Einstein" (format <span lang="en">SMIL</span>, 515 <acronym title="kilo octets">ko</acronym>)
</a>.
</li>

<li>
Lire la
<a href="http://www.domaine.com/transcription_car.txt">
transcription texte de la video sur "une voiture et Einstein" (<acronym title="texte">txt</acronym>, 2 <acronym title="kilo octets">ko</acronym>)
</a>.
</li>
</ul>

</body>
</html>

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

• Techniques for WCAG 1.0 (section 1.3) : Visual information and motion.
• WAI Curriculum: exemple pour le checkpoint 1.3
• WebAIM : Transcripts
• Accessible electronic content : Transcription Solutions
• Skills for Access : Provide text equivalents for audio - general advice on transcripts
• Skills for Access : Provide audio descriptions for video or animated content - general advice
• AccessIT : What is audio description ?
• AccessIT : Are there standards or guidelines for providing audio description ?
• WebAIM : Audio Descriptions
• 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

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.