ARIA角色验证挑战

Question

使用这段代码：

<ul class="tabs-nav" role="tablist" >
       <li role="tab"><a href="#newspane"  id="tab-newnews">Latest News</a></li>
       <li role="tab"><a href="#presspane" id="tab-press"  >Press Releases</a></li>
</ul>

<div>
     <div id="pane-newnews" role="tabpanel" aria-labelledby="tab-newnews" aria-hidden="false">
        <p>Lorem</p>          
     </div>

     <div id="pane-press" role="tabpanel" aria-labelledby="tab-press" aria-hidden="true">
         <p>Ipsem</p>                     
     </div>
 </div>

我在 W3C验证器 上遇到了这个错误：

"在元素 div 上，属性 role 的值 tablist 不正确"

我已经仔细查阅了所有的文档，但仍然找不到导致无法验证的原因。请问有人能解释一下我错在哪里吗？

谢谢！

- Joel Crawford-Smith

Answer 1

W3C验证器是一个实验性的HTML5检查器，ARIA检查目前不允许使用ARIA地标角色。

请参见Steve Faulkner在Paciello Group Blog上的帖子。

- Norman B. Robins0n

---

那个链接说明了一切。谢谢。 - Joel Crawford-Smith

Answer 2

您可以使用W3C新标记验证服务来检查ARIA。请访问http://validator.w3.org/nu/。但请注意，ARIA仅符合在HTML5中使用的要求，不过这并不影响其是否能正常工作。ARIA在任何(X)HTML版本中都能很好地运行，只是验证器会出现问题。

- Steve Faulkner