我们正在使用Angular(2+)编写应用程序。我现在要做的是确保在页面加载时(或者当页面上的某个组件被重新创建时)大声读出某段文本而不会窃取焦点,并且不会在任何页面上读取文本其他时间。最初的尝试是将其添加到组件的顶部:
<div
class="a11y"
aria-live="assertive">
Content loaded
</div>
a11y
是一个隐藏有视力用户文本的类。事实上,在创建或重新创建组件时,它会大声朗读文本;不幸的是,它还在其他场景中大声朗读文本,例如当我们执行router.navigateByUrl并在灰色加载div中覆盖屏幕时。我还尝试设置aria-relevant=text
并在组件的ngOnInit()
函数中交换文本,但没有运气。
有什么办法可以做我想做的事吗?