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 Validator：

上收到此错误

“元素div上属性角色的错误值列表”

我已经翻过文档中的每一块石头，发现没有理由不会验证。谁能解释我做错了什么？

谢谢！

Answer 1

W3C Validator是一个实验性的HTML5检查程序，ARIA检查目前不允许ARIA标志性角色。

请参阅Steve Faulkner's post over at The Paciello Group Blog

Answer 2

您可以使用W3C新标记验证服务来检查ARIA http://validator.w3.org/nu/但请注意，ARIA仅符合在HTML5中的使用，而不是它对其工作与否有任何区别。 ARIA可以很好地处理（X）HTML的任何风格，它只是阻塞的有效者。

ARIA角色验证挑战

2 个答案: