h1元素的有效角色属性值

Question

（我已经检查了this question，并且链接的属性对我不起作用。）

我有一个h1标记，其中包含一个激活oncl​​ick的下拉列表。 W3C Validator在这里抱怨：

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

显然无法将role='button'分配给h1。现在的问题是：我可以将哪个角色分配给h1？ W3C的一长串角色属性并没有真正帮助找到解决方案。

Test page

Answer 1

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

1. 转到HTML5规范：http://www.w3.org/TR/2014/REC-html5-20141028/

2. 检查ToC的第4部分，了解元素定义的链接：The h1, h2, h3, h4, h5, and h6 elements

3. 检查此元素的“允许的ARIA角色属性值”：

     

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

Answer 2

自HTML5发布以来，2014年10月，HTML中使用ARIA的规则已移至separate specification（HTML规范的模块）。 HTML spec中的每个元素定义中仍然总结了规则。 如果是h1-h6 elements rules are detailed中的conformance table in ARIA in HTML（以及所有其他HTML元素的那些）。

Notes on using ARIA in HTML也可能有助于了解ARIA在HTML中使用的原因和方式。