这个问题可能是由于Firefox浏览器和NVDA屏幕阅读器之间的不兼容性造成的。您可以尝试通过在触发元素上添加aria-labelledby属性来解决此问题,以指定模态框中标题的ID。这将确保屏幕阅读器在关闭模态框时正确读取触发元素的标签而不是标题级别1。
示例代码:
<button type="button" aria-haspopup="dialog" aria-labelledby="modal-title"
onclick="showModal()">Open Modal</button>
<div id="modal" role="dialog" aria-modal="true"
aria-labelledby="modal-title" aria-describedby="modal-body">
<h1 id="modal-title">Modal Title</h1>
<div id="modal-body">
Modal content goes here.
</div>
<button type="button" onclick="hideModal()">Close Modal</button>
</div>