Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。

概要

hidden="until-found" は要素を非表示にしつつ、ブラウザのページ内検索で該当コンテンツが見つかった際に自動的に表示します。

対応ブラウザ

デスクトップ

Chrome 102+
Edge 102+
Safari 未対応
Firefox 148+

モバイル

Chrome Android 102+
Safari iOS 未対応
Firefox Android 148+

基本構文

HTML
<details>
  <summary>FAQ回答</summary>
  <div hidden="until-found">
    <p>ページ内検索でこのテキストが見つかると自動表示されます。</p>
  </div>
</details>

実務での使いどころ

  • hidden="until-found" の活用

    hidden=until-found。ブラウザ検索でコンテンツが見つかるまで非表示にする属性。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。