hidden="until-found"

概要

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

対応ブラウザ

基本構文

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

実務での使いどころ

• hidden="until-found" の活用

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

注意点

アクセシビリティ

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

参考リンク

• MDN Web Docs — hidden="until-found"