<s>: l'elemento barrato

L'elemento HTML <s> esegue il rendering del testo barrato o attraversato da una riga. Usa l'elemento <s> per rappresentare cose che non sono più rilevanti o non più accurate. Tuttavia, <s> non è appropriato quando si indicano le modifiche al documento; a tal fine, utilizzare gli elementi <del> e <ins>, a seconda dei casi.

Gli attributi di questo elemento includono gli attributi globali.

Problemi di accessibilità

La presenza sdell'elemento non è annunciata dalla maggior parte della tecnologia di lettura dello schermo nella sua configurazione predefinita. Può essere annunciato utilizzando la proprietà CSS content, insieme agli pseudo-elementi ::before e ::after.

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

s::before {
  content:"[start of stricken text]";
}

s::after {
  content:"[end of stricken text]";
}

Alcune persone che usano le utilità per la lettura dello schermo disabilitano deliberatamente l'annuncio di contenuti che creano maggiore verbosità. Per questo motivo, è importante non abusare di questa tecnica e applicarla solo in situazioni in cui non sapere che il contenuto è stato cancellato influenzerebbe negativamente la comprensione.

Guarda anche

• L'elemento <strike>, alter ego dell'elemento <s> è obsoleto e non dovrebbe più essere utilizzato sui siti Web.
• L'elemento <del> è invece da utilizzare se i dati sono stati cancellati .
• La proprietà CSS text-decoration-line deve essere utilizzata per ottenere il precedente aspetto visivo dell'elemento <s>.

Liste utili

• Attributi
• Attributi globali
• Elementi