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

Question

5

我有一个Angular应用程序，我正在使用$stateChangeSuccess事件处理程序设置每个页面的标题。当我更改页面时，标题会很好地更改。

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

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

请帮忙。谢谢。

- Harshil Shah

1

我在某处读到要使用 aria-live="assertive"，这样屏幕阅读器就会被打断并强制阅读。我尝试在 <title> 标签上使用 aria-live="assertive" 属性。但是当标题文本更改时，屏幕阅读器没有读取新的标题文本。 - Harshil Shah

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- skeddels · Answer 1

你可以使用aria-label指令，如此处所示，然后在需要出现时修改元素的可见性。