是否有任何场景适合在已经使用过 H1 后在文档中使用 H1？

Question

考虑到语义和可访问性，我可以做这样的事情吗？

<h1>My Lightbox Demo</h1>
<h2>Thank you for trying this</h2>
<div>
    <button aria-controls="lightbox" aria-visible="false" type="button">Click me!</button>
</div>
<div id="lightbox" role="dialog" style="display: none;" aria-live="polite">
<h1>The Lightbox</h1>
<p>It worked!</p>
</div>

（显然假设我有 JavaScript，可以在单击按钮时显示灯箱。）这对于语义/可访问性来说可以吗？还是会给屏幕阅读器用户带来问题？我必须把第二个H1变成H3吗？是否有任何 ARIA 角色可以允许重用 H1？

Answer 1

您可以使用多个

h1

元素。请确保不要过度使用它们，并尽量将它们控制在每个部分大约一个。屏幕阅读器应该能够很好地处理它。