<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 oft (aber nicht notwendigerweise) durch Anwenden eines Durchstreich-Stils auf den Text gerendert.

Die Attribute dieses Elements umfassen die globalen Attribute.

cite

Ein 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 geparst werden kann, hat das Element keinen zugeordneten Zeitstempel. Für das Format der Zeichenfolge ohne Zeit siehe Date Strings. Das Format der Zeichenfolge, wenn sowohl Datum als auch Zeit enthalten sind, wird in Lokale Datums- und Zeitzeichenfolgen behandelt.

Das Vorhandensein des del-Elements wird in der Standardkonfiguration von den meisten Bildschirmlesetechnologien nicht angekündigt. Es kann angekündigt werden, indem die CSS-content-Eigenschaft zusammen mit den ::before- und ::after-Pseudoelementen verwendet wird.

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 Bildschirmlesegeräte 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 Unwissen über gelöschte Inhalte das Verständnis nachteilig beeinflussen würde.

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

• <ins>-Element für Einfügungen in einen Text
• <s>-Element für Durchstreichung, die sich nicht auf die Löschung von Text bezieht