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.