ARIA + Angular:在页面加载时大声朗读文本而不会窃取焦点

时间:2018-02-14 22:32:42

标签: javascript angular accessibility wai-aria

我们正在使用Angular(2+)编写应用程序。我现在要做的是确保在页面加载时(或者当页面上的某个组件被重新创建时)大声读出某段文本而不会窃取焦点,并且不会在任何页面上读取文本其他时间。最初的尝试是将其添加到组件的顶部:

<div
    class="a11y"
    aria-live="assertive">
  Content loaded
</div>

a11y是一个隐藏有视力用户文本的类。事实上,在创建或重新创建组件时,它会大声朗读文本;不幸的是,它还在其他场景中大声朗读文本,例如当我们执行router.navigateByUrl并在灰色加载div中覆盖屏幕时。我还尝试设置aria-relevant=text并在组件的ngOnInit()函数中交换文本,但没有运气。

有什么办法可以做我想做的事吗?

0 个答案:

没有答案