我致力于改善网站的可访问性,并且我希望强制JAWS阅读一段文字以帮助用户。
例如,我有一个帮助图标链接,弹出一个帮助模式。此模式包含一些有用的文本。我想确保将该文本读给用户。我希望有一个类似于div
的解决方案,我可以这样做:
<div class="ForceReadText">
<p>Block of text to be read, that currently isn't being read.</p>
</div>
我对JAWS不太熟悉,而且我的google-fu技能让我失望。我认为要问一个可能知道如何实现这一目标的人会更好。有什么想法吗?
答案 0 :(得分:3)
迫使事情变得困难并且表现得粗鲁无礼。我过去为可访问模式所做的是使用打开它们的图标链接,链接指向模态或其标题的id
属性。如果有人想要帮助,请点击链接并获取信息(并使用箭头键阅读文字);如果没有,他们可以继续前进。
<a href="#modal-heading"><img src="icon.png" alt="More information"></a>
答案 1 :(得分:2)
对于你所描述的内容,听起来你可能想要一个ARIA直播区域。 MDN has an overview可能有用。
要快速了解,实时区域非常适合页面的实时更新,例如错误或警报。现场区域能够中断屏幕阅读器所说的任何内容,以便改为说出消息。实时区域不会更改焦点在页面上的位置。
诀窍将是理解一个页面真的应该只有一个活动区域。
另一个技巧是将所有邮件放入一个实时区域,但如果弹出窗口的行为类似于工具提示(只是重复使用它),它肯定是可行的。
如果它的行为类似于模态,请继续阅读......
现在,所有这一切,前面的答案(来自@stringy)可能是一种更聪明的方法,只要你有良好的焦点管理实践(模式必需)。如果你不这样做,那么现场区域可能更合适(并且可能不那么刺耳)。
无论哪种方式,请查看这些模式,看看是否有人解决了您的目标: