屏幕阅读器不阅读只有 1 个字符的标题

Question

我对使用辅助功能相当陌生，并且遇到了 JAWS 和讲述人屏幕阅读器的问题，其中它无法读取仅包含 1 个字符的数字/字母。

下面是我正在尝试解决的示例代码片段，其中正在读取Notes但未读取1 。

<div class="box">
    <h2 class="name" aria-label="Notes">Notes</h2>
    <h1 class="description" aria-label="1">1</h1>
</div>

当我尝试按字符遍历它时， 1被读取为空白。

我注意到了两件事：

• 这种行为只会发生在 1 个字符上，如果数字/字符变为至少 2 位数字，JAWS 将能够读取它。
• NVDA 对此没有问题，并且能够正确读取它。

Answer 1

您的问题中缺少的一个重要部分是您如何使用屏幕阅读器进行导航。

使用屏幕阅读器浏览网页的方法有很多种。 对于 JAWS 和 NVDA（具有相似的快捷键），您可以使用：

• 向上/向下箭头转到上一个/下一个 DOM 元素（它实际上是可访问性树中的下一个元素，但现在只是将其视为导航 DOM 的一种方式）。 这就是用户可以访问页面上每一段文本的方式。
• 左/右箭头键转到上一个/下一个字符，一次一个
• H导航到下一个标题（和Shift + H向后导航标题）
• 1 , 2 , 3导航到下一个 H1、H2、H3 等（和Shift版本向后退）
• Ins + F6查看标题列表并可选择导航到其中一个。

我使用所有这些方法来浏览您的示例，并且每次我听到标题为“1” 。

现在，可能听起来这封信没有被阅读的一件事是 NVDA，但你说问题出在 JAWS 和讲述人身上。 使用 NVDA，如果我一次使用右箭头导航一个字符，NVDA 会在说出一个字母之前宣布它的元素类型，所以如果你不仔细听，你可能听不到字母。

当我使用右箭头时，这是 NVDA 所说的：

• “标题级别 2，N”
• “哦”
• “t”
• “e”
• “s”
• “超出标题，标题级别 1, 1 ”

注意最后 NVDA 告诉我我离开了标题（“不在标题”），因为我向右箭头离开了“注释”标题，但同时告诉我我输入了一个新标题（“标题级别 1”）并且这是一个“1 级”标题，并且有字符“1”。 如果你不仔细听，你可能听不到最后的“1”。

JAWS 没有告诉我向右箭头的元素类型（“标题”）。 它只说角色：

• “N”
• “哦”
• “t”
• “e”
• “s”
• “1”