h1元素的有效角色属性值

Question

我已经查看了这个问题，但是链接的属性对我不起作用。

我有一个包含下拉菜单并在点击时激活的h1标签。 W3C验证器在此处发出警告：

  <h1 class='dropdown-toggle' id='mylist' 
         data-toggle='dropdown'
         aria-haspopup='true'
         aria-expanded='true' 
         role='button'>

显然，role='button' 不能分配给 h1。现在的问题是：我可以为 h1 分配哪个角色呢？W3C 的角色属性长列表并没有真正帮助找到解决方案。

测试页面

- Fabbio

Answer 1

如何找出HTML5元素可以具有哪些WAI-ARIA角色：

1.访问HTML5规范：http://www.w3.org/TR/2014/REC-html5-20141028/ 2.检查目录中的第4节，该节包含指向元素定义的链接：h1，h2，h3，h4，h5和h6元素 3.检查此元素的"允许使用的ARIA角色属性值"：

heading 角色（默认-不设置），tab或presentation。

- unor

Answer 2

自从HTML5在2014年10月发布以来，ARIA在HTML中的使用规则已经被移入单独的规范（HTML规范的一个模块）。这些规则仍然在每个元素定义中进行了总结，如HTML规范所示。对于h1-h6元素，规则已详细说明（以及所有其他HTML元素的规则）在ARIA in HTML的符合性表格中。关于在HTML中使用ARIA的注释也可能有助于理解ARIA在HTML中的使用原因和方法。

- Steve Faulkner