JAWS aria-expanded 未公布

Question

我正在尝试使折叠状态在 NVDA 和 JAWS 中都可以访问，但它似乎在 JAWS 中无法正常工作。知道如何解决这个问题吗？

我提供了代码的图片和下面的链接列表。

输出：您可以在下图中看到，仅在 NVDA 中显示折叠状态，在 JAWS 中不显示。

代码：

Answer 1

只要您使用aria-expanded 并在true 和false 之间切换其状态，您就可以很好地使用所有屏幕阅读器。 JAWS 和 NVDA 将宣布状态变化。

您要问的是屏幕阅读器如何显示页面上的元素列表。不同的屏幕阅读器以不同的方式显示内容，并且对列出 html 元素具有不同级别的支持。特别是，您正在查看页面上的所有 <a> 元素。这是通过 JAWS 和 NVDA 使用 INS+F7 完成的。 JAWS 将仅显示该对话框中的链接，而 NVDA 为您提供显示链接、标题、表单字段、按钮和地标的选项，如您的两个屏幕截图所示。

JAWS 和 NVDA 都显示与链接关联的文本。 NVDA 也 选择显示链接的展开/折叠状态，但这只是 NVDA 开发人员做出的选择。它们还显示链接是否被访问。仅仅因为状态不显示在该对话框中，不就意味着它没有被兑现。

考虑以下几点：

<a href="." aria-expanded="true">foo</a>
<a href="." aria-expanded="false">bar</a>

JAWS 和 NVDA 的链接对话框如下，首先是 JAWS：

NVDA 对话框显示展开状态，但这不是必需的。

如果您导航到这两个链接，JAWS 和 NVDA 都这么说，JAWS 优先：

请注意，两个屏幕阅读器都对第一个链接说“展开”，而对第二个链接说“折叠”。这是确保其正常工作的关键部分。