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