<ins>: Das Inserted Text Element

Dieses Element umfasst die globalen Attribute.

cite

Dieses Attribut definiert die URI einer Ressource, die die Änderung erklärt, wie z.B. einen Link zu Besprechungsnotizen oder einem Ticket in einem Problemlösungssystem.

datetime

Dieses Attribut gibt die Zeit und das Datum der Änderung an und muss ein gültiges Datum mit optionaler Zeitangabe sein. Wenn der Wert nicht als Datum mit optionaler Zeitangabe analysiert werden kann, hat das Element keinen zugeordneten Zeitstempel. Für das Format der Zeichenfolge ohne Zeit siehe Format eines gültigen Datumsstrings. Das Format der Zeichenfolge, wenn sie sowohl Datum als auch Zeit enthält, wird in Format eines gültigen lokalen Datums- und Zeitstrings behandelt.

Das Vorhandensein des <ins>-Elements wird von den meisten Screenreader-Technologien in ihrer Standardkonfiguration nicht angesagt. Es kann mithilfe der CSS-Eigenschaft content, sowie den Pseudoelementen ::before und ::after angesagt werden.

ins::before,
ins::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

ins::before {
  content: " [insertion start] ";
}

ins::after {
  content: " [insertion end] ";
}

Einige Menschen, die Screenreader verwenden, deaktivieren bewusst die Ankündigung 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 über eingefügten Inhalt das Verständnis beeinträchtigen würde.

• Kurze Anmerkung zum barrierefreieren Markieren | The Paciello Group
• Anpassung von Textstilen auf Inhaltsebene | Adrian Roselli

• <del>-Element zur Markierung von Löschungen in einem Dokument