Angular会更改视图以便页面标题发生变化,但屏幕阅读器无法读取,因此我尝试使用实时区域,但这并不起作用。
<title ng-bind="title" aria-live="assertive" aria-atomic="true">Title here</title>
我想知道活区域在这种情况下不起作用的原因? 我不需要任何解决方案来让用户知道页面已更改,内容也
答案 0 :(得分:2)
<title>
元素不允许任何ARIA或role
属性:http://w3c.github.io/html-aria/#el-title
两个HTML验证程序(Markup Validation Service和Nu Html Checker)不会将这些属性的使用标记为错误。没有标记这些似乎是验证器中的错误,我会在收集更多详细信息并构建简化的测试用例后提交一个。或者,如果这应该得到支持,那么我可以提交针对ARIA规范的错误。如果您可以提供更多详细信息和上下文,以便为ARIA添加支持,这将有所帮助。
与此同时,进行了一些测试:
NVDA / FF似乎根本不支持aria-live
上的<title>
。
JAWS / IE11似乎支持aria-live
<title>
,但不一致。它也没有宣布它是已更改的页面标题。
我没有VoiceOver方便测试。我没有在讲述者,TalkBack和Orca中进行测试。
我制作了CodePen测试页: