在Angular应用程序中让屏幕阅读器阅读新的页面标题

Question

我有一个angular应用程序，其中我使用$stateChangeSuccess事件处理程序设置每个页面的标题。当我更改页面时，标题可以很好地更改。

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

我在Stack Overflow上读过关于屏幕阅读器的其他问题，但他们没有回答我的问题。

请帮帮忙。谢谢。

Answer 1

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