<ins>

The HTML <ins> element represents a range of text that has been added to a document. You can use the <del> element to similarly represent a range of text that has been deleted from the document.

Attributes

cite

This attribute defines the URI of a resource that explains the change, such as a link to meeting minutes or a ticket in a troubleshooting system.

datetime

This attribute indicates the time and date of the modification and must be a valid date with an optional time string. If the value cannot be parsed as a date with an optional time string, the item does not have an associated timestamp.

Examples

<ins> Questo testo è stato inserito </ins>

Result

Questo testo è stato inserito

Accessibility issues

The presence of the element is not announced by most screen reading technology in its default configuration. It can be announced using the content CSS property, along with the ::before and ::after pseudo-elements.

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

Some people who use screen readers deliberately disable the announcement of content that creates more verbosity. For this reason, it is important not to overuse this technique and only apply it in situations where not knowing that content has been inserted would negatively affect understanding.