<del>: l'elemento "testo eliminato"
L' elemento HTML <del>
rappresenta un intervallo di testo che è stato eliminato da un documento. Questo può essere utilizzato quando si esegue il rendering di "traccia modifiche" o informazioni sulle differenze del codice sorgente, ad esempio. L'elemento <ins>
può essere utilizzato per lo scopo opposto: per indicare il testo che è stato aggiunto al documento.
Attributi
cite
Un URI per una risorsa che spiega la modifica (ad esempio, i verbali della riunione).
datetime
Questo attributo indica l'ora e la data della modifica e deve essere una stringa di data valida con un'ora facoltativa. Se il valore non può essere analizzato come una data con una stringa di tempo facoltativa, l'elemento non ha un timestamp associato.
Esempi
<p><del>Questo testo è stato eliminato</del>,
questo è il resto del paragrafo.</p>
<del><p>Questo paragrafo è stato eliminato.</p></del>
Problemi di accessibilità
La presenza dell'elemento <del>
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
.
del::before,
del::after {
clip-path: inset(100%);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
del::before {
content: "[deletion start]";
}
del::after {
content: "[deletion end]";
}
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 eliminato influirebbe negativamente sulla comprensione.