Make screen reader read new page title in Angular app

Question

I have an angular app in which I am setting the titles of each page using the $stateChangeSuccess event handler. The titles are changing fine when I change the page.

Problem: From an accessibility standpoint, when a user changes the page in my app, the new title should be read out loud so he/she knows what page he is on. However, as this is a single page app, the title is not re-read by the screen reader.

I have read other questions on Stack Overflow regarding screen readers but they don't answer my question.

Please help. Thanks.

Answer 1

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