javascript - JAWS(在 Windows 上)不读取 `` 标签上给出的 aria-label

Question

我已经为 <p> 指定了特定的咏叹调标签我的网页中的标签。

<p aria-label="my custom text" className="inline">text</p>

上面给出的 aria-label 在 Mac 屏幕阅读器上读取得非常好，但在 JAWS 上(在 Windows 上)却没有发生。是否需要添加任何特定设置/额外标签才能在 JAWS 中读取相同内容？有什么想法吗？

Answer 1

aria-label如果您设置的元素没有指定的 Angular 色，则该属性可能会被忽略。在您的情况下，<p>除了文本之外没有任何语义。

参见https://www.w3.org/TR/using-aria/#label-support

特别是，请参阅第 8 个项目符号:

Don't use aria-label or aria-labelledby on any other non-interactive content such as p, legend, li, or ul, because it is ignored.

顺便说一句，段落文本的读法与视觉显示的内容不同是有点不寻常的。所以虽然你可以使用 aria-hidden以及“视觉隐藏”类别，这将为依赖通过运行屏幕阅读器和放大镜来增强网络体验的低视力用户带来问题。他们将能够在屏幕上看到一些文本，但当他们听到它时，它与他们看到的不匹配。