如何停止 NVDA 读出数组中存在的 HTML 元素的列表编号（1 of 2）

Question

我正在使用 NVDA 屏幕阅读器进行辅助功能测试。同样，我有 2 个按钮/链接，它们是上下文菜单的一部分，因此存在于数组中，如“提交”和“删除”。现在其中一个按钮有 aria-label="Submit Button"。 NVDA 正在读取“提交按钮 1 of 2”。我只是想确保 NVDA 不会读取 2 中的 1。请提供同样的帮助。

Answer 1

NVDA 对数组或您用于编码的语言一无所知。它所了解的是语义 HTML 元素。因此，如果您的按钮或链接位于列表内（

或
），或者这些按钮本身就是某个组的一部分，例如单选按钮组 ()，那么 NVDA 宣布集合中的项目编号是绝对正确的。

如果您使用 ARIA 属性，例如 aria-setsize 和 aria-posinset，但这些属性并没有被大量使用，所以我猜不是那样的。

听到“1 of 2”是屏幕阅读器的一个很棒的功能，它可以让用户了解集合有多大以及它们在集合中的哪个项目。有视力的用户通过眼睛获取这些信息。您不想删除该功能，除非您滥用分组功能并且该按钮实际上并不是组的一部分。

宣布小组立场的不同方式的示例。

使用列表

<ul style="list-style: none;">
  <li>
    <button>first button</button>
  </li>
  <li>
    <button>second button</button>
  </li>
  <li>
    <button>third button</button>
  </li>
</ul>

我可以使用 role="list" 和 role="listitem" 而不是使用真正的

并获得相同类型的“1 of 2”消息。

使用单选按钮

<label>
  <input type="radio" name="groupName">
  first button
</label>
<br>
<label>
  <input type="radio" name="groupName">
  second button
</label>
<br>
<label>
  <input type="radio" name="groupName">
  third button
</label>

使用 ARIA 集

<div aria-setsize="3">
  <button aria-posinset="1">first button</button>
  <button aria-posinset="2">second button</button>
  <button aria-posinset="3">third button</button>
</div>

请注意，不同的屏幕阅读器可能以不同的方式播报一组内容。有些人会说“1 of 2”，有些人可能只是说这是一个组（没有数字）。它还取决于您如何导航到按钮，是通过 TAB 还是通过向上/向下箭头键来遍历 DOM。

但这里的教训是，如果您有一组事物并且编码正确，那么您希望屏幕阅读器宣布组信息。如果您的按钮实际上并不是组的一部分，但您仍然听到组信息，那么您的代码中存在错误。如果您可以发布一些代码，可能会有所帮助。