JAWS 未宣布 role="region"

Question

我是 JAWS 新手。长期以来一直在编写可访问的 HTML，但直到现在还没有在 JAWS 中对其进行测试（因为它仅适用于 Windows）。 我的 JAWS 安装不会宣布任何带有

role="region"

的内容（甚至没有元素的

aria-label

）。 但它宣布

role="navigation"

。

我正在使用适用于 Windows 10 的未经许可的 JAWS 版本 2024-2024.3

我使用 JAWS 热键吗？我正在使用 INSERT+ARROWDOWN，即“全部发言”。

我感到困惑的原因是其他人说 JAWS 应该宣布

role="region"

- 例如在这个 github 问题中

<div role="region" aria-label="This is a region"

据称宣布“这是一个区域”

https://github.com/FreedomScientific/standards-support/issues/709

但是，当我测试 codepen 时，我的 JAWS 不会宣布我位于某个区域。

---

一个 HTML 示例...

<h1>My page</h1>

<div role="region">
 <a href="https://www.yahoo.com">Yahoo</a>
</div>


<div role="region" aria-label="My fancy region">
 <a href="https://www.google.com">Google</a>
</div>

<div role="navigation">
 <a href="https://www.bing.com">Bing</a>
</div>

...这将通过我的 JAWS 安装以以下方式宣布：

Heading level 1, my page
Link, yahoo
Link, google 
Navigation region
Link, bing
Navigation region end

问题

1. 你认为我的 JAWS 输出符合预期吗？或者它应该为该地区宣布一些事情吗？
2. 我的目标是让大多数屏幕阅读器宣布一个区域。在这种情况下：是否建议避免

   role="region"

   ？我实际上正在做的是构建一个带有一堆控件的音频播放器 - 我真的希望屏幕阅读器宣布它的标签。所以我遵循了https://blog.atrera.com/javascript/accessibility/2019/06/28/create-a-custom-audio-player-with-accessibility/，建议使用

   aria-label="Audio Player" role="region"

   ...但我的JAWS安装没有根本不公布。

Answer 1

哦。结果我的 JAWS 设置为详细程度：中，并且使用此设置 -

region

将不会被公布。

这是我在设置过程中选择的内容（“您想要低、中还是高详细程度吗？..中听起来不错”）或 JAWS 默认值。

正如您通过复选框看到的，它不会宣布区域或表格。 （但它会宣布导航角色）

JAWS 设置中心 > Web > 阅读 > Web 详细级别 > 配置 Web 详细级别 > 区域：应用程序