强制 JAWS 读取一段文本

Forcing JAWS to read a block of text

我正在努力改进网站的可访问性,我想强制 JAWS 阅读一段文本以帮助用户。

例如,我有一个可以弹出帮助模式的帮助图标 link。此模式包含一些有用的文本。我想确保此文本已读给用户。我想要一个类似于 div 的解决方案,我可以在其中执行以下操作:

<div class="ForceReadText">
  <p>Block of text to be read, that currently isn't being read.</p>
</div>

我对 JAWS 不是很熟悉,我的 google-fu 技能让我失望了。我认为最好问问可能知道如何完成此操作的人。有什么想法吗?

强求很难,而且显得粗鲁。我过去对可访问模式所做的工作是将打开它们的图标设为 link,link 指向模式或其标题的 id 属性。如果有人需要帮助,请单击 link 并转到信息(并将使用箭头键阅读文本);如果没有,他们可以继续前进。

<a href="#modal-heading"><img src="icon.png" alt="More information"></a>

根据您的描述,听起来您可能想要一个 ARIA 现场区域。 MDN has an overview 可能有用。

为了快速概览,实时区域非常适合页面的实时更新,例如错误或警报。实时区域可以打断屏幕 reader 正在说话的任何内容,以便改为说出消息。实时区域不会更改焦点在页面上的位置。

诀窍是理解一个页面真的应该只有一个活动区域。

另一个技巧是将您的所有消息放入一个活动区域,但如果您的弹出窗口表现得像工具提示(只需重新使用它),那肯定是可行的。

如果它的行为像模态,请继续阅读...

现在,综上所述,只要您拥有良好的焦点管理实践(模型所必需),之前的答案(来自@stringy)可能是一种更聪明的方法。如果您不这样做,那么实时区域可能更合适(并且可能不那么刺耳)。

无论哪种方式,请查看这些模式,看看是否有一个符合您的目标: