From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/html/element/s/index.html | 135 +++++++++++++++++++++++++++++++++ 1 file changed, 135 insertions(+) create mode 100644 files/fr/web/html/element/s/index.html (limited to 'files/fr/web/html/element/s') diff --git a/files/fr/web/html/element/s/index.html b/files/fr/web/html/element/s/index.html new file mode 100644 index 0000000000..e57624a66d --- /dev/null +++ b/files/fr/web/html/element/s/index.html @@ -0,0 +1,135 @@ +--- +title: +slug: Web/HTML/Element/s +tags: + - Element + - HTML + - Reference + - Web +translation_of: Web/HTML/Element/s +--- +
{{HTMLRef}}
+ +

L'élément HTML <s> permet d'afficher du texte qui est barré car il n'est plus pertinent ou car il est obsolète. <s> ne doit pas être employé pour indiquer des éditions dans un document (on utilisera alors {{HTMLElement("del")}} et {{HTMLElement("ins")}}).

+ +
{{EmbedInteractiveExample("pages/tabbed/s.html", "tabbed-shorter")}}
+ + + +

Attributs

+ +

Cet élément inclut uniquement les attributs universels.

+ +

Exemples

+ +

HTML

+ +
<p>
+  <s>Le plat du jour : saumon à la hollandaise</s> <em>plus disponible</em>
+</p>
+ +

Résultat

+ +

{{EmbedLiveSample("Exemples")}}

+ +

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 {{cssxref("content")}} et grâce aux pseudo-éléments {{cssxref("::before")}} et {{cssxref("::after")}}.

+ +
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é.

+ + + +

Résumé technique

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu phrasé ou contenu de flux.
Contenu autoriséContenu phrasé.
Omission de balises{{no_tag_omission}}
Parents autorisésTout élément qui accepte du contenu phrasé.
Rôles ARIA autorisésTous les rôles sont autorisés.
Interface DOM{{domxref("HTMLElement")}}
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('HTML WHATWG','semantics.html#the-s-element','s element')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C','text-level-semantics.html#the-s-element','s element')}}{{Spec2('HTML5 W3C')}}
+ +

Compatibilité des navigateurs

+ +

{{CompatibilityTable}}

+ + + +

{{Compat("html.elements.s")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf