juil

30

Abréviations pour le web

Catégorie: Webmastering | Commentaires fermés | 161 lectures

Après avoir vu en détails les règles, la partie la plus simple est d'ajouter une abréviation sur une page web. Jusqu'à présent, il n'y a pas vraiment de secret. Les deux balises existantes sont: acronym et abbr. En raison d'une certaine confusion entre les deux, le HTML 5 risque de faire passer à la trappe la balise acronym.

Les abréviations dans le code source

Il est important d'apporter un soin particulier à ses abréviations surtout si votre public est étranger à votre culture ou au sujet traité. Il faut pour cela passer dans le code pour personnaliser les abréviations et les acronymes. L'attribut title accueille la signification du sigle. Elle s'affichera au survol de la souris. L'attribut lang est intéressant que si l'abréviation est dans une autre langue que celle du doctype. Par exemple, une page en français a intérêt à préciser la langue pour les abréviations en anglais. Ces informations sont importantes pour les humains, les moteurs de recherche mais aussi les lecteurs d'écran qui adaptent le ton de la voix et la prononciation.

1
2
3
4
5

<p>
<abbr title="Cascading Style Sheet" lang="en">CSS</abbr>
</p>

Cette tâche rébarbative - réservée au webmaster - est limitée dans la pratique et les nouveaux outils. Généralement, on indique la description d'un sigle uniquement dans sa première occurrence. Cela évite de se coltiner un travail répétitif. Aussi, il existe certains outils pour vous faciliter la vie et éviter de retaper 50 fois la même chose. Pour les blogs, des plug-in sont performants mais limités [¹]. Pour les concepteurs web, chaque outil d'édition web fournit certainement ce genre de service. Dreamweaver par exemple permet l'enregistrement de fragment de code (snappet) accessible en un clic.

Abréviation et accessibilité

Les personnes mal ou non voyantes utilisent des synthétiseurs vocaux pour naviguer sur les pages web. Actuellement, tous ne gèrent pas correctement les abréviations. Certains permettent de le faire mais faut-il encore les configurer correctement ou enrichir personnellement le dictionnaire interne.

Il en va de même si l'abréviation se trouve entre la balise abbr . Je rappelle d'ailleurs qu'Internet Explorer, navigateur lié à la plupart de ces lecteurs, ignore tout simplement cette balise. Pour éviter tout soucis de compréhension, mieux vaut écrire les abréviations en toutes lettres.

Si votre soucis typographique est plus fort que tout, la solution des feuilles de style est une solution uniquement pour les abréviations. Inutile de le faire pour les formules arithmétiques ou chimiques étant donné que les balises sup et sub jouent un rôle sémantique.

1
2
3
4
5

.abr-exposant {
vertical-align: super;
}

[¹] Lire à ce sujet: « Ajouter des abréviations facilement ».


Commentaires

Les commentaires sont fermés pour cette note.