サイト制作

HTMLのdelとinsで訂正を伝える｜取り消し線だけに頼らない変更の見せ方

慈愛妃きづな

2026-11-10

この記事には広告・アフィリエイトリンクが含まれます。

削除した内容にはdel、追加した内容にはinsを使えます。ただし、線や色だけでは訂正が伝わらない場合があります。何が変わったのかを文章でも添えましょう。

消した部分と、追加した部分を区別します

公開後の案内を訂正するとき、元の内容を残しながら変更箇所を示したい場面があります。delは削除した範囲、insは追加した範囲を表すHTML要素です。

たとえば「受付は10時」を「受付は11時」へ訂正したとき、古い時刻をdel、新しい時刻をinsで示すと、変更の関係を構造にも持たせられます。ここでの時刻は説明用の例です。

delは打ち消し線、insは下線のように表示されることがありますが、見た目はCSSによって変わります。また、スクリーンリーダーが追加・削除の状態を常に読み上げるとは限りません。

そのため「受付時刻を10時から11時へ変更しました」のような説明も添えると、線や色の違いに頼らず伝えられます。古い情報が正しい案内に見えないよう、新しい内容を明確にすることが大切です。

delやinsにはdatetime属性で変更日時を付けたり、cite属性で変更の説明先を示したりできます。ただし属性に書くだけでは、画面の見える位置へ説明が自動で出るわけではありません。

私は、訂正を見る人が知りたいのは「今はどちらが正しいか」だと思います。変更日、変更内容、必要なら理由を短く添え、訂正箇所の前後を読んでも意味がつながるか見直してみてください。