3

使用此代码：

<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 上属性角色的错误值表列表”

我已经翻阅了文档中的每一块石头，并且找不到任何不验证的理由。谁能解释我做错了什么？

谢谢！

4

2 回答 2

6

W3C Validator 是一个试验性的 HTML5 检查器，ARIA 检查目前不允许 ARIA 地标角色。

请参阅史蒂夫·福克纳 (Steve Faulkner) 在 Paciello Group 博客上的帖子

于 2012-01-05T18:57:08.087 回答
4

您可以使用 W3C New Markup 验证服务来检查 ARIA http://validator.w3.org/nu/但请注意，ARIA 仅适用于 HTML5，而不是它是否有效。ARIA 同样适用于 (X)HTML 的任何风格，只有验证器会阻塞。

于 2012-05-28T10:53:57.707 回答