ID-Commerce

Edito

Comme je vous en parlais il y a quelque temps, bien que notre logiciel Website vous aide à rendre votre site plus accessible, c'est à vous d'avoir quelques réflexes lors de la mise en ligne de vos contenus pour qu'ils soient interprétables par un maximum de personnes.
En plus, une plus grande accessibilité améliore également le référencement donc pourquoi se priver ?

La balise <abbr>

La balise <abbr> est une balise dit structurante, elle doit être utilisé lorsque vous avez une abréviation dans votre page internet.
D'un point de vue visuel, elle n'apporte pas grand chose, par contre au niveau sémantique, le gain est réel.

Exemple d'utilisation

<abbr title="HyperText Markup Language" lang="en">HTML</abbr>

L'attribut title est obligatoire et doit donner la signification de l'abréviation (c'est ce contenu qui sera lu par la synthèse vocale et non pas "HTML") et l'abréviation en elle même doit être notée entre les tags d'ouverture et de fermeture de la balise.

Il est possible (et très conseillé) d'indiquer la langue de l'abréviation via l'attribut lang.

Un troisième attribut, dir, est disponible, il indique le sens de lecture et peut prendre comme valeur LTR (gauche -> droite) ou RTL (droite -> gauche).

Avantages

Ce sont surtout les utilisateurs de synthèse vocale qui sont les premiers bénéficiaires puisque il peuvent grâce à cette balise connaitre la signification des abréviations contenues dans votre texte.
Mais d'une façon plus large, tout utilisateur bénéficie de cette indication, il suffit juste de passer le pointeur de la souris sur l'abreviation pour voir afficher sa signification dans une info-bulle (ex : HTML).

En résumé

• Meilleure accessibilité
• Structure de page améliorée
• Référencement facilité

Pour aller plus loin ...

Si vous voulez plus d'informations sur cette balise, ou plus d'informations sur l'accessibilité des sites internet en général, n'hésitez pas à visiter ces liens

• Guide Accessiweb
• Infos sur les structure de texte en HTML