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.12 : Dans chaque page Web, la première occurrence de chaque abréviation a-t-elle une balise appropriée avec un attribut title ?

revenir en haut de la page

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

revenir en haut de la page

Comprendre

Comprendre le critère

La première occurence de toutes les abréviations doit avoir une balise appropriée (balise acronym ou balise abbr) avec un attribut title.

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. Ces deux balises doivent obligatoirement être dotées de l'attribut title qui contient la signification de l'acronyme ou de l'abréviation. Sans cet attribut, elles n'ont aucun effet.
  
  
• 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. Sans cet attribut, cela ne produit aucun effet.

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.12.a [Or] : Dans chaque page Web, la première occurrence de chaque acronyme a-t-elle une balise appropriée (balise acronym) avec un attribut title ?
   • Test 8.12.b [Or] : Dans chaque page Web, la première occurrence de chaque sigle a-t-elle une balise appropriée (balise abbr) avec un attribut title ?
   
   
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.12.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 la première occurrence de chaque acronyme a une balise appropriée (balise acronym) avec un attribut title.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 8.12.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 la première occurrence de chaque sigle a une balise appropriée (balise abbr) avec un attribut title.
  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.12.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 la première occurrence de chaque acronyme a une balise appropriée (balise acronym) avec un attribut title.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 8.12.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 la première occurrence de chaque sigle a une balise appropriée (balise abbr) avec un attribut title.
  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...).
  
  

L'attribut title se place à l'intérieur de la balise acronym ou abbr afin d'en donner la signification exacte.

Syntaxe générale :

<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 n'est pas nécessaire de commenter systématiquement tous les acronymes et autres sigles de même nature avec l'attribut title des balises acronym et abbr. Cependant, il faut absolument le faire sur le premier d'entre eux présent dans la page.

De plus, il faut respecter cette recommandation sur chaque page ou apparaissent les abréviations ou acronymes de même nature car un utilisateur a plusieurs points d'entrée sur un site. Si les balises sont présentes sur une page mais absentes sur la page d'entrée par exemple, l'utilisateur ne pourra pas savoir sur quelle page il trouvera l'explication d'une abréviation ou d'un acronyme.

Exemple de mauvaise pratique

Mettre à la fois la balise adéquate et la signification en clair dans le texte.
Par exemple :

l'<acronym title="Organisation des Nations Unies">ONU</acronym> (Organisation des Nations Unies).

Exemple de bonne pratique

1. Mettre en place la balise abbr :

   <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."
3. 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.0, 9 juin 2008) | Conditions d'utilisation | Contact
Copyright © 2008 Association BrailleNet. Tous droits Réservés.