屏幕阅读器在进入屏幕时不读取 <h1>

Question

我的 HTML 如下（摘录部分）：

<h1><span>Main Menu</span></h1>
<div>
    <button tabindex="0">New Customer</button><br>
    <button tabindex="0">Existing Customer</button>
</div>

我正在使用英伟达。当用户进入屏幕时，焦点位于第一个按钮上。NVDA 读取第一个按钮（新客户）上的文本。它会跳过标题 (h1)。我认为它应该读取 h1 标签，而不读取任何 aria 标签，例如 aria-label。我的假设有错吗？我需要做什么才能使这项工作成功？

Answer 1

如果您使用脚本将焦点发送到第一个按钮，屏幕阅读器软件将跳过之前标记中的任何内容并直接转到该按钮。您应该能够使用箭头键返回来听到它。

\n\n

一般来说，最佳实践是让用户通过单击/点击来控制焦点，而不是在页面加载时自动为他们控制焦点。

\n