Élément HTML <s> : l'élément de texte barré

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

L'élément HTML <s> affiche du texte barré. Utilisez l'élément <s> pour représenter des choses qui ne sont plus pertinentes ou plus exactes. Cependant, <s> n'est pas approprié pour indiquer les modifications d'un document ; pour cela, utilisez les éléments <del> et <ins>, selon le cas.

Dans cet article

Exemple interactif

<p><s>Quelques billets sont disponibles à la billetterie ce soir.</s></p>

<p>ÉPUISÉ&nbsp;!</p>

s {
  /* Ajoutez vos styles ici */
}

Attributs

Cet élément inclut uniquement les attributs universels.

Accessibilité

Par défaut, la plupart des outils d'assistance n'annoncent pas la présence de l'élément s. On peut le rendre annonçable via la propriété CSS content et grâce aux pseudo-éléments ::before et ::after.

css
s::before,
s::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

s::before {
  content: " [Début du texte rayé]";
}

s::after {
  content: " [Fin du texte rayé] ";
}

Certaines personnes qui utilisent des lecteurs d'écran désactivent sciemment ces annonces pour éviter une verbosité trop importante. Il est donc important de ne pas abuser de cette technique et de ne l'appliquer qu'à des situations où il est nécessaire de comprendre que du contenu a été rayé.

Exemples

css
.sold-out {
  text-decoration: line-through;
}

html
<s>Le plat du jour&nbsp;: Saumon</s> ÉPUISÉ<br />
<span class="sold-out">Le plat du jour&nbsp;: Saumon</span> ÉPUISÉ

Résultat

Résumé technique

Catégories de contenu Contenu autorisé Omission de balises Parents autorisés Rôle ARIA implicite Rôles ARIA autorisés Interface DOM

Contenu phrasé ou contenu de flux.

Contenu phrasé.

Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires.

Tout élément qui accepte du contenu phrasé.

deletion

Tous les rôles sont autorisés.

HTMLElement

L'élément <strike>, alter ego de l'élément <s>, est obsolète et ne doit plus être utilisé sur les sites Web.
L'élément <del> doit être utilisé à la place si les données ont été supprimées.
La propriété CSS text-decoration-line doit être utilisée pour reproduire l'aspect visuel antérieur de l'élément <s>.

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 25 avr. 2026 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu