实时区域不适用于动态页面标题 - 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 的支持,那将有所帮助。
同时,做了一些测试:
NVDA / FF 似乎根本不支持 <title>
上的 aria-live
。
JAWS / IE11 似乎在 <title>
上支持 aria-live
,但不一致。它也没有宣布它是页面标题发生了变化。
我没有方便的 VoiceOver 来测试。我没有在讲述人、TalkBack 或 Orca 中进行测试。
我做了一个CodePen测试页:
- 您可以编辑的URL:http://codepen.io/aardrian/pen/XpqZMB?editors=1010
- 排除一个CodePen cruft的URL(用于测试):http://s.codepen.io/aardrian/debug/XpqZMB
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 的支持,那将有所帮助。
同时,做了一些测试:
NVDA / FF 似乎根本不支持
<title>
上的aria-live
。JAWS / IE11 似乎在
<title>
上支持aria-live
,但不一致。它也没有宣布它是页面标题发生了变化。我没有方便的 VoiceOver 来测试。我没有在讲述人、TalkBack 或 Orca 中进行测试。
我做了一个CodePen测试页:
- 您可以编辑的URL:http://codepen.io/aardrian/pen/XpqZMB?editors=1010
- 排除一个CodePen cruft的URL(用于测试):http://s.codepen.io/aardrian/debug/XpqZMB