<?xml version="1.0" encoding="utf-8"?>

How to mark inserted text

How to mark inserted text

To mark inserted text, use the <ins> tag, and browsers will underline the content inside it. Make sure to use this tag only when needed — for example, to add suggestions to a document. The same goes for the deleted text tag <del> — there are some accessibility concerns with these two.

By default, assistive technologies like screen readers don't announce the presence of the <ins> and <del> tags to avoid verbosity. This can result in some confusion. For example, it's a common selling technique to show the sale price next to the original price, which is stricken. Using the <del> tag in this situation, New Price $<del>30</del>20 will cause a screen reader to read it as New Price $3020. While there's a way to circumvent this by using the CSS content property to force screen readers to read it aloud, we recommend avoiding unnecessary use of the <ins> and <del> tags.

Improve your UX & Product skills with interactive courses that actually work