<del>: Das gelöschte Textelement

<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 zwingend) so gerendert, dass ein Durchstreich-Stil auf den Text angewendet wird.

Die Attribute dieses Elements umfassen die globalen Attribute.

cite

Ein URI für eine Ressource, die die Änderung erklärt (zum Beispiel Protokolle eines Treffens).

datetime

Dieses Attribut gibt die Zeit und das Datum der Änderung an und muss ein gültiger Datums-String mit optionaler Zeit sein. Wenn der Wert nicht als Datum mit optionalem Zeitstring geparst werden kann, hat das Element keinen zugeordneten Zeitstempel. Für das Format des Strings ohne Zeit siehe Datums-Strings. Das Format des Strings, wenn sowohl Datum als auch Zeit enthalten sind, wird in Lokale Datums- und Zeit-Strings behandelt.

Das Vorhandensein des del Elements wird von den meisten Screenreadern in ihrer Standardkonfiguration nicht angesagt. Es kann durch die Verwendung der CSS content Eigenschaft zusammen mit den ::before und ::after Pseudoelementen angesagt 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 Screenreader verwenden, deaktivieren bewusst die Ankündigung von Inhalten, die zusätzliche Wortfülle erzeugen. Aufgrund dessen ist es wichtig, diese Technik nicht zu missbrauchen und sie nur in Situationen anzuwenden, in denen das Nichtwissen über gelöschte Inhalte das Verständnis erheblich beeinträchtigen würde.

• Kurzer Hinweis, um Ihr Zeichen zugänglicher zu machen | The Paciello Group
• Text-Level-Stile anpassen | Adrian Roselli

• <ins> Element für Einfügungen in einen Text
• <s> Element für Durchstreichungen, getrennt von der Darstellung der Löschung eines Textes