HTML Buddies: <del> & <ins>

These styles may not be beautiful (they aren’t), but they work for screen reader users who cannot see them (including multilingual support), they work in Windows High Contrast Mode (WHCM), and they work when printed. That means you can steal the CSS and fold it into your own eye-catching styles to make them accessible. Also, the contrast in these examples is sufficient, but be sure your own styles have good contrast too.

Deleted Text

Using the <del> element on text that we are indicating is deleted. It should be obvious which text we just cut.

Inserted Text

Opposite of the last one, this is text that we are indicating has been added. We do this with the <ins> element.