html - 如何让屏幕阅读器使用 aria 阅读禁用的元素？

Question

我正在尝试让屏幕阅读器读取已禁用的数字微调器/文本框的值，以便它们不可编辑。这些框的值在上下文中很重要，但屏幕阅读器(在本例中为 JAWS)仅将小部件的值读取为“不可用”。我尝试将 aria-required='true' 设置为没有这样的运气。有没有其他方法可以让屏幕阅读器说出这些值？

例如:

<input id='exampleInput' disabled='true' aria-required='true'>1</input>

Answer 1

在这里使用只读属性是正确的选择。

如果这会扰乱您的 JavaScript，那么我建议更改您的 JavaScript，以便它检查 disabled 属性以外的内容。

这可以通过使用 Css 类或添加新属性来完成，或者您可以向 DOM 对象添加新字段并使用它。