让屏幕阅读器在Angular app中读取新的页面标题

Question

我有一个角度应用程序，我在其中使用$stateChangeSuccess事件处理程序设置每个页面的标题。 当我更改页面时，标题正在改变。

问题：从可访问性的角度来看，当用户在我的应用程序中更改页面时，应该大声读出新标题，以便他/她知道他所在的页面。 但是，由于这是一个单页应用程序，屏幕阅读器不会重新读取标题。

我已经阅读了有关屏幕阅读器的Stack Overflow的其他问题，但他们没有回答我的问题。

请帮忙。 谢谢。

Answer 1

为此，您可以使用aria-label指令，如看到这里 ，然后修改元素的可见性时，它需要出现。