<del>: Das Deleted Text Element

<blockquote>
  There is <del>nothing</del> <ins>no code</ins> either good or bad, but
  <del>thinking</del> <ins>running it</ins> makes it so.
</blockquote>

del {
  text-decoration: line-through;
  background-color: #fbb;
  color: #555;
}

ins {
  text-decoration: none;
  background-color: #d4fcbc;
}

blockquote {
  padding-left: 15px;
  border-left: 3px solid #d7d7db;
  font-size: 1rem;
}

Dieses Element wird häufig (aber nicht zwingend) durch Anwenden eines Durchstreichstils auf den Text dargestellt.

Die Attribute dieses Elements beinhalten die globalen Attribute.

cite

Eine URI für eine Ressource, die die Änderung erklärt (zum Beispiel Sitzungsprotokolle).

datetime

Dieses Attribut gibt die Zeit und das Datum der Änderung an und muss eine gültige Datumszeichenfolge mit optionaler Zeit sein. Wenn der Wert nicht als Datum mit optionaler Zeitzeichenfolge analysiert werden kann, hat das Element keinen zugeordneten Zeitstempel. Für das Format der Zeichenfolge ohne Zeit siehe Datumszeichenfolgen. Das Format der Zeichenfolge, falls es sowohl Datum als auch Zeit enthält, ist in Lokale Datums- und Zeitzeichenfolgen abgedeckt.

Das Vorhandensein des del-Elements wird von den meisten Bildschirmlesetechnologien in ihrer Standardkonfiguration nicht angekündigt. Es kann durch die Verwendung der CSS content-Eigenschaft sowie der ::before und ::after Pseudo-Elemente angekündigt werden.

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] ";
}

Einige Personen, die Bildschirmleser verwenden, deaktivieren absichtlich das Ankündigen von Inhalten, die zusätzliche Wortfülle erzeugen. Aus diesem Grund ist es wichtig, diese Technik nicht zu missbrauchen und sie nur in Situationen anzuwenden, in denen das Nichtwissen, dass Inhalt gelöscht wurde, das Verständnis negativ beeinflussen würde.

• Short note on making your mark (more accessible) | The Paciello Group
• Tweaking Text Level Styles | Adrian Roselli

• Das <ins> Element für Einfügungen in einen Text
• Das <s> Element für Durchstreichung, getrennt von der Repräsentation der Löschung von Text