实时区域不适用于动态页面标题 - angularjs

live regions not working with dynamic page title - angularjs

Angular 更改视图,使页面标题发生变化,但屏幕阅读器无法阅读,所以我尝试使用实时区域,但这不起作用。

<title ng-bind="title" aria-live="assertive" aria-atomic="true">Title here</title>

我想知道 live regions 在这种情况下不工作的原因? 我不需要任何解决方案来让用户知道页面已更改并且内容也已更改

<title> 元素不允许任何 ARIA 或 role 属性:http://w3c.github.io/html-aria/#el-title

两个 HTML 验证器 (Markup Validation Service and Nu Html Checker) 不会将这些属性的使用标记为错误。不标记这些似乎是验证器中的一个错误,一旦我收集到更多细节并构建一个简化的测试用例,我将提交一个。或者,如果这应该得到支持,那么我可以针对 ARIA 规范提交错误。如果您可以提供更多详细信息和上下文以添加对 ARIA 的支持,那将有所帮助。

同时,做了一些测试:

  1. NVDA / FF 似乎根本不支持 <title> 上的 aria-live

  2. JAWS / IE11 似乎在 <title> 上支持 aria-live,但不一致。它也没有宣布它是页面标题发生了变化。

  3. 我没有方便的 VoiceOver 来测试。我没有在讲述人、TalkBack 或 Orca 中进行测试。

我做了一个CodePen测试页: