Balise HTML <acronym>
La balise <acronym> indique au navigateur que son contenu est un acronyme ou une abréviation. Apprenez avec la syntaxe et des exemples.
La balise <acronym> était utilisée pour définir un acronyme ou une abréviation. Pour fournir la phrase complète, l'attribut global title est utilisé ; il s'affiche sous forme d'infobulle lorsque vous survolez le texte.
Cette page explique ce que faisait <acronym>, pourquoi elle a été supprimée de HTML5, et comment utiliser à la place l'élément moderne <abbr> — y compris les détails d'accessibilité essentiels à respecter.
La balise <acronym> est une balise HTML dépréciée et n'est pas prise en charge par HTML5. Utilisez plutôt la balise <abbr>.
Pourquoi <acronym> a été supprimée de HTML5
HTML disposait autrefois de deux éléments pour les mots raccourcis : <acronym> pour les acronymes (un raccourcissement que l'on prononce comme un seul mot, comme NASA ou SCUBA) et <abbr> pour les abréviations (toute forme abrégée, comme Dr. ou HTML). En pratique, cette distinction provoquait plus de confusion qu'elle n'en résolvait — les auteurs ne s'accordaient pas sur la qualification d'« acronyme » ou d'« abréviation », et les lecteurs d'écran n'avaient aucun moyen utile d'exploiter la différence.
HTML5 a simplifié cela en ne conservant que <abbr>, qui marque à la fois les abréviations et les acronymes. Puisque tout acronyme est aussi une abréviation, l'élément dédié <acronym> est devenu redondant et a été retiré de la spécification.
Syntaxe
La balise <acronym> s'utilise en paires. Le contenu est écrit entre les balises ouvrante (<acronym>) et fermante (</acronym>).
Exemple de la balise HTML <acronym> :
Balise HTML acronym
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Hover the mouse cursor over acronym HTML</p>
<acronym title="Hyper Text Markup Language">HTML</acronym>
</body>
</html>Dans l'exemple suivant, la balise <abbr> est utilisée à la place de <acronym>. Le navigateur affiche les caractères contenus dans la balise <abbr> en tant qu'abréviation ou acronyme. L'attribut title doit toujours contenir la forme développée complète du terme — c'est le texte que les technologies d'assistance peuvent annoncer et que les navigateurs affichent sous forme d'infobulle.
Exemple de la balise HTML <abbr> :
Balise HTML abbr
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p><abbr title="Universal Resource Locator">URL</abbr> - This is a special form of designating an individual resource address on the Internet </p>
</body>
</html>Abréviation et acronyme
Les deux termes se recoupent, ce qui explique précisément pourquoi HTML5 les a fusionnés :
- Une abréviation est toute forme raccourcie d'un mot ou d'une expression, comme Dr. pour « Docteur » ou etc. pour « et cetera ».
- Un acronyme est un type particulier d'abréviation formé à partir des premières lettres d'une expression et prononcé comme un seul mot, comme NASA ou RADAR.
L'élément <abbr> gère les deux cas. On entoure la forme courte avec <abbr> et on place la forme développée complète dans l'attribut title — le navigateur n'a pas besoin de savoir si c'est techniquement un acronyme :
<p>
<abbr title="HyperText Markup Language">HTML</abbr> is written with
<abbr title="Cascading Style Sheets">CSS</abbr>.
</p>Prise en charge par les navigateurs et comportement actuel de <acronym>
Même si <acronym> est obsolète, tous les principaux navigateurs la reconnaissent encore et la restituent en mode de repli, de sorte que les anciennes pages ne se cassent pas. En interne, les navigateurs analysent <acronym> avec la même interface DOM que <abbr> (HTMLElement), ce qui signifie que les scripts et les styles les traitent de manière cohérente. Malgré cela, vous ne devez jamais utiliser <acronym> dans du nouveau code — les validateurs la signalent, et les outils futurs n'ont aucune obligation de la prendre en charge.
Style par défaut
Les navigateurs modernes n'appliquent aucun style par défaut aux balises <acronym> ou <abbr>. Toute apparence visuelle (comme des soulignements ou des petites capitales) doit être définie explicitement avec CSS.
Historiquement, certains navigateurs restituaient <abbr> et <acronym> avec un soulignement en pointillés pour indiquer qu'une infobulle était disponible. Si vous souhaitez retrouver cet aspect familier, ajoutez-le vous-même :
abbr[title] {
text-decoration: underline dotted;
cursor: help;
}Accessibilité
L'attribut title est bien plus qu'une simple infobulle — c'est le nom accessible de l'abréviation. Lorsqu'un lecteur d'écran rencontre <abbr title="World Health Organization">WHO</abbr>, il peut annoncer la forme développée complète au lieu d'épeler ou de mal prononcer les lettres. Fournissez toujours le terme complet dans title pour que le balisage soit significatif pour les personnes qui ne peuvent pas voir l'infobulle.
Les infobulles title ne sont pas accessibles à tout le monde. Elles n'apparaissent qu'au survol de la souris, de sorte que les utilisateurs qui se déplacent uniquement au clavier ou sur écran tactile ne les voient jamais. Traitez l'infobulle comme une amélioration progressive : si la forme développée est essentielle, épelez-la également dans le texte environnant la première fois que le terme apparaît, par exemple « l'Organisation mondiale de la santé (<abbr title="World Health Organization">WHO</abbr>) ».
Attributs
La balise <acronym> prend en charge les attributs globaux et les attributs d'événement.
Comment styliser la balise HTML <acronym>
Puisque les navigateurs n'appliquent pas de style par défaut, vous pouvez utiliser CSS pour garantir une apparence cohérente. Notez que styliser la balise <acronym> est obsolète dans la mesure où la balise elle-même est dépréciée. L'exemple suivant stylise la balise <abbr> (le remplacement moderne) avec un soulignement en pointillés et des petites capitales :
abbr {
text-decoration: underline dotted;
font-variant: small-caps;
}