首页 文章

强制JAWS读取一段文本

提问于
浏览
1

我正在努力改善网站的可访问性,我想强迫JAWS读取一段文字以帮助用户 .

例如,我有一个帮助图标链接,弹出一个帮助模式 . 此模式包含一些有用的文本 . 我想确保将该文本读给用户 . 我想要一个类似于 div 的解决方案,我可以做以下事情:

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

我对JAWS不是很熟悉,而且我的google-fu技能让我失望了 . 我认为最好问一个可能知道如何实现这一目标的人 . 有任何想法吗?

2 回答

  • 3

    对于您所描述的内容,听起来您可能想要一个ARIA直播区域 . MDN has an overview可能有用 .

    要快速浏览,实时区域非常适合页面的实时更新,例如错误或警报 . 现场区域能够中断屏幕阅读器所说的任何内容,以便改为说出消息 . 实时区域不会更改焦点在页面上的位置 .

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

    另一个技巧是将所有消息放入一个实时区域,但如果弹出窗口的行为类似于工具提示(只是重复使用它),它肯定是可行的 .

    如果它的行为类似于模态,请继续阅读......

    现在,尽管如此,前面的答案(来自@stringy)可能是一个更聪明的方法,只要你有良好的焦点管理实践(模式必需) . 如果你不这样做,那么现场区域可能更合适(并且可能不那么刺耳) .

    无论哪种方式,请查看这些模式,看看是否有人解决了您的目标:

  • 2

    迫使事情变得困难并且表现得粗鲁无礼 . 我过去对可访问模态所做的是使用打开它们的图标链接,链接指向模态或其 Headers 的 id 属性 . 如果有人想要帮助,请点击链接并获取信息(并使用箭头键阅读文字);如果没有,他们可以继续前进 .

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

相关问题