English

<s>

Barrer un texte qui n'est plus exact sans le supprimer

  • HTML
  • accessibilité
  • sémantique

<s> — Le texte barré

La balise <s> représente du contenu qui n'est plus exact ou pertinent, mais qui n'a pas été supprimé du document. Elle diffère de <del> qui indique une suppression éditoriale.

Quand l'utiliser

Tu veux barrer un ancien prix a côté du nouveau, indiquer une offre expirée, ou signaler une information devenue obsolète. Pour un changement éditorial (avec historique), utilise <del> et <ins>.

Ce que tu gagnes

Accessibilité : contrairement à <del>, les lecteurs d'écran ne traitent pas <s> différemment du texte normal. Le barré visuel est le seul signal. Si l'information "ce prix n'est plus valable" est importante, ajoute du texte visible ("ancien prix") plutôt que de compter sur le CSS.

Exemple de code

<p>
  Annual plan: <s>$120/year</s> <strong>$89/year</strong>
</p>

Pour aller plus loin