<em>
Changer le ton d'une phrase, l'emphase que l'italique seul ne porte pas
<em> — L'emphase
La balise <em> ajoute une emphase sémantique : elle change le sens de la phrase en mettant l'accent sur un mot ou un groupe de mots. Visuellement, les navigateurs l'affichent en italique, mais l'important c'est le changement de sens, pas le style.
Quand l'utiliser
Tu veux changer l'accent de ta phrase. "Tu dois cliquer sur Enregistrer" n'a pas le même sens que "Tu dois cliquer sur Enregistrer". Si tu veux juste de l'italique pour le style (titre d'œuvre, terme étranger), utilise <i> ou CSS.
Ce que tu gagnes
Accessibilité : en théorie, les lecteurs d'écran modifient l'intonation pour <em>. En pratique, la plupart ne le font pas par défaut (NVDA, JAWS, VoiceOver, TalkBack). L'intérêt est dans le code : <em> distingue l'emphase (changement de sens) de l'italique visuel (<i>), et les futurs outils pourront exploiter cette distinction.
Exemple de code
<p>You <em>must</em> save your work before closing.</p>
<p>The meeting is on <em>Tuesday</em>, not Wednesday.</p>Pour aller plus loin
- ARIA, ce poison de l'accessibilité web — pourquoi la sémantique native vaut mieux qu'ARIA
- WHATWG —
<em> - W3C — HTML spec
- MDN —
<em>