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 8.11 : Dans chaque page Web, chaque abréviation a-t-elle une balise appropriée ?

revenir en haut de la page

Carte d'identité du critère 8.11 [niveau AccessiWeb : Or]

revenir en haut de la page

Comprendre

Comprendre le critère

Toutes les abréviations dans toutes les pages Web doivent avoir une balise appropriée (balise acronym ou balise abbr). Cette balise doit avoir un attribut title si c'est la première occurence de l'abréviation dans la page Web.

Bénéfices pour les utilisateurs

• Bénéfice 1 :
  Pour les personnes aveugles qui naviguent à l'aide d'une synthèse vocale, les acronymes et abréviations sont parfois prononcés de manière incompréhensible, car ils sont lus comme un mot à part entière. Ceci oblige l'utilisateur à interrompre sa lecture pour les faire épeler. La mise en place des balises acronym et abbr permet donc aux utilisateurs de synthèse vocale de connaître la signification des acronymes et abréviations présents dans une page.
  
  
• Bénéfice 2 :
  De façon plus large, la présence de ces balises permet à tout utilisateur de connaître la signification d'une abréviation ou d'un acronyme qui sont alors graphiquement signalés. Au survol de la souris, la signification d'une abréviation ou d'un acronyme, représentée par le contenu de l'attribut title s'affiche dans une info-bulle.

Valeur ajoutée pour le site

• Bénéfice 1 :
  Le marquage des acronymes et abréviations par les balises acronym et abbr peut permettre de respecter des contraintes éditoriales qui [n'autorisent] pas la mise en clair de leur signification dans le texte.
  
  
• Bénéfice 2 :
  Lorsqu'un document contient des acronymes et des abréviations, il peut être intéressant d'en donner la signification à l'aide de ces balises pour améliorer le référencement de la page. Marquer les abréviations et les acronymes procure aussi une information utile aux navigateurs, lecteurs d'écran de dernières générations, moteurs de recherche, vérificateurs orthographiques et systèmes de traduction.
  
  
• Bénéfice 3 :
  D'un point de vue sémantique, ces balises permettent de regrouper les abréviations et les acronymes, ce qui rend leur recherche ou leur traitement plus aisés par la suite.

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 :
   • Identifier dans un navigateur graphique toutes les abréviations de type acronyme et sigle.
   • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <abbr title="Régie Autonome des Transports Parisiens">RATP</abbr>) :
     • balise abbr
     • balise acronym
   
   
   
2. Appliquer le(s) test(s) suivant(s) :
   • Test 8.11.a [Or] : Dans chaque page Web, chaque acronyme a-t-il une balise appropriée (balise acronym) ?
   • Test 8.11.b [Or] : Dans chaque page Web, chaque sigle a-t-il une balise appropriée (balise abbr) ?
   
   
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 8.11.a [Or] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "Structure" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Mettre en valeur les Acronymes / Abréviations" pour afficher les balises acronym utilisées dans la page Web.
  3. Vérifier que chaque acronyme a une balise appropriée (balise acronym).
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 8.11.b [Or] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "Structure" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Mettre en valeur les Acronymes / Abréviations" pour afficher les balises abbr utilisées dans la page Web.
  3. Vérifier que chaque sigle a une balise appropriée (balise abbr).
  4. 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 8.11.a [Or] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les abréviations" pour afficher les balises acronym utilisées dans la page Web.
  3. Vérifier que chaque acronyme a une balise appropriée (balise acronym).
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 8.11.b [Or] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les abréviations" pour afficher les balises abbr utilisées dans la page Web.
  3. Vérifier que chaque sigle a une balise appropriée (balise abbr).
  4. 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é ?

Le développeur et les personnes en charge du contenu éditorial doivent veiller au respect de ce critère.

Implémentation

Définitions :

• Abréviation : réduction d'un mot par retranchement de lettres. Il existe de nombreuses formes d'abréviations parmi lesquelles les sigles et les acronymes. Pour identifier une abréviation dans une page Web, il faut utiliser la balise abbr à l'exception des acronymes qui ont leur balise propre (la balise acronym).
  
  
• Acronyme : abréviation formée avec la ou les première(s) lettre(s) des mots qui la composent (balise acronym). Un acronyme se prononce comme un mot ordinaire (ex. Afnor...)
  
  
• Sigle : abréviation formée avec la première lettre de chacun des mots qui la composent (balise abbr). Un sigle se prononce lettre à lettre (ex. SNCF, RATP...).
  
  

<acronym title="[signification_de_l_acronyme]">acronyme</acronym>
<abbr title="[signification_de_l_abréviation]">abréviation</abbr>

La plupart des navigateurs graphiques interprètent ces balises en affichant un soulignement sur le texte balisé ainsi qu'une info-bulle déployant le contenu de l'attribut title au survol de la souris.
Notons cependant que le navigateur Internet Explorer n'interprète pas la balise abbr et n'utilise aucun style pour mettre en évidence la balise acronym.

Remarque : dans une page, il est nécessaire de commenter systématiquement tous les acronymes et autres sigles avec des balises acronym et abbr.

Exemple de mauvaise pratique

Omettre la balise adéquate dans le texte.
Par exemple :

l'ONU.

Exemple de bonne pratique

1. Mettre en place la balise abbr (dans les exemples, l'attribut title donne la définition de l'abréviation et de l'acronyme) :

   <abbr title="Monsieur">M.</abbr>Lambda a été nommé président.

   
   Résultat obtenu : La synthèse vocale lira : "Monsieur Lamda a été nommé président."
2. Mettre en place la balise acronym :

   Monsieur Lambda a été nommé président de l'<acronym title="Organisation du Traité d'Atlantique Nord">OTAN</acronym>.

   
   Résultat obtenu : La synthèse vocale lira :
   "Monsieur Lambda a été nommé président de l'Organisation du Traité d'Atlantique Nord."

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

• WAI Curriculum (section 4.2) : Specify the expansion of each abbreviation or acronym in a document where it first occurs
• html 4.01 Specification : Phrase elements : abbr and acronym
• Plongez dans l'accessibilité : Expliciter les acronymes

revenir au sommaire de la fiche

revenir en haut de la page

---

Guide AccessiWeb (version 3.1, 2 mars 2009) | Conditions d'utilisation | Contact
Copyright © 2009 Association BrailleNet. Tous droits Réservés.