Julien Chalendard : concepteur multimédia
Publié par Julien Chalendard
La balise HTML <abbr>
Edito
Pour vous faire partager mes recherches sur l'accessibilité des sites internet, je vais régulierement vous donner des petites astuces découvertes au fil de mes lectures pour améliorer vos contenus internet.
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, cela veut dire qu'elle permet de mettre une partie de votre texte en avant. 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.
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
