NVDA 未在 div 上读取 aria-label答案

【问题标题】：NVDA not reading aria-label on divNVDA 未在 div 上读取 aria-label
【发布时间】：2018-05-02 13:50:05
【问题描述】：

我有一个带有role="listitem" 的 div 元素。它包含多个 div，里面有一些文本。当他关注外部 div 时，我希望读取自定义 aria-label 而不是内部文本。这是我的示例代码：

<div role="listitem" aria-label="Hello World" tab-index="0">
  <div> A </div>  <div> b </div>  <div> c </div>  <div> d </div>
</div>

在 JAWS 和讲述人上，它按预期工作。在 NVDA 上，它正在读取内部文本。

在将外部 div 更改为锚标记时，NVDA 读取正确的aria-label，但我不能在产品代码中这样做。

【问题讨论】：

【解决方案1】：

NVDA 似乎尊重aria-label 的某些角色，而不是其他角色。它适用于button 和menuitem，它同时读取aria-label 和嵌套<div>s 用于checkbox，并忽略aria-label 用于listitem，正如您所提到的。

【讨论】：