制作aria直播区域阅读链接



当事件发生时,我想在aria活动区域中放置一个链接。

然而,当画外音读取咏叹调现场区域时,它会将其作为文本进行,而不会读取有可点击链接。

所以事件发生时我的标记是

<div role="region" aria-live="assertive">
hello <a href="/world">world</a>
</div>

当事件发生时,画外音读取hello-world,然后将上下文放回引发事件之前所在的元素上。

有没有一种方法可以让画外音将咏叹调中的内容实时阅读,而不仅仅是直接的文本?

不,这就是aria-live的目的——它宣布更改的文本。没有其他信息,如角色(链接、按钮或列表(被公布。

你可以"力";要阅读的附加文本,但您必须手动阅读。所以你可以添加这样的东西:

<div role="region" aria-live="assertive">
hello <a href="/world">world</a> <span class="sr-only"> link </span>
</div>

所以你会听到";你好世界链接";,但我会在宣布后删除多余的文本,否则当用户手动导航所有元素时(通过使用画外音向右滑动(,他们会听到:

  • ">hello">
  • ">世界链接">
  • ">链接">

(有关"sr-only"类的信息,请参阅Bootstrap 3中什么是sr-onley?(。

但这并不是一个很好的解决办法。听证会;你好世界链接";当你的新元素被添加时,听起来就像";你好世界";是仅当"是"时的链接;世界;是链接。

如果你多解释一下用户体验,可能会有一个更好的解决方案来解决你想要实现的目标。

最新更新