讓屏幕閱讀器在Angular app中讀取新的頁面標題

Question

我有一個角度應用程序，我在其中使用$stateChangeSuccess事件處理程序設置每個頁面的標題。 當我更改頁面時，標題正在改變。

問題：從可訪問性的角度來看，當用戶在我的應用程序中更改頁面時，應該大聲讀出新標題，以便他/她知道他所在的頁面。 但是，由於這是一個單頁應用程序，屏幕閱讀器不會重新讀取標題。

我已經閱讀了有關屏幕閱讀器的Stack Overflow的其他問題，但他們沒有回答我的問題。

請幫忙。 謝謝。

Answer 1

為此，您可以使用aria-label指令，如看到這里 ，然后修改元素的可見性時，它需要出現。