popover="hint"

概要

popover="hint" はツールチップ的な一時的な情報表示用のポップオーバーです。他の hint ポップオーバーや auto ポップオーバーと共存できます。

対応ブラウザ

基本構文

<button popovertarget="hint-pop">ヘルプ</button>
<div id="hint-pop" popover="hint">
  <p>ここに補足説明が表示されます。</p>
</div>

実務での使いどころ

• popover="hint" の活用

  popover=hint。ツールチップ型のポップオーバー。

注意点

アクセシビリティ

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

参考リンク

• MDN Web Docs — popover="hint"