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

Question

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

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

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

请帮忙。感谢。

Answer 1

为此，您可以使用aria-label指令，如here所示，然后在需要显示时修改元素的可见性。