<ins>

HTML の <ins> 要素は、文書に追加されたテキストの範囲を表します。

この対話型サンプルのソースファイルは GitHub リポジトリに格納されています。対話型サンプルプロジェクトに協力したい場合は、 https://github.com/mdn/interactive-examples をクローンしてプルリクエストを送信してください。

属性

他のすべての HTML 要素と同様に、この要素はグローバル属性を持ちます。

cite

会議の議事録やトラブルシューティングシステムのチケットといった、追加についての説明を記したリソースへの URI を示す。

datetime

追加日時を示す。値は、正確な指定（※原題 : valid date with an optional time string） でなくてはなりません。記述ミスあるいは未記入によって属性値が解析できない場合には、要素に関連付けられたタイムスタンプはないものと解釈されます。

例

<ins>This text has been inserted</ins>

結果

This text has been inserted

アクセシビリティの考慮事項

ins 要素が存在することは、多くの読み上げ技術の既定の設定ではアナウンスされません。 CSS の ::before 及び ::after 疑似要素と共に content プロパティを使うことでアナウンスさせることができます。

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: " [挿入開始] ";
}

ins::after {
  content: " [挿入終了] ";
}

読み上げソフトを使用する人によっては、特に冗長になるコンテンツのアナウンスを意図的に無効にしていることがあります。このため、この手法を悪用しないようにすることは重要であり、コンテンツが挿入されていることを知らないと理解に影響するような場面でのみ使用するようにしてください。

• Short note on making your mark (more accessible) | The Paciello Group
• Tweaking Text Level Styles | Adrian Roselli

仕様書

ブラウザーの対応

このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。

関連情報

• <del> 要素