ARIA 角色验证挑战答案

【问题标题】：ARIA role validation challengeARIA 角色验证挑战
【发布时间】：2012-02-03 09:38:49
【问题描述】：

使用此代码：

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

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

谢谢！

【问题讨论】：

标签： accessibility w3c-validation wai-aria

【解决方案1】：

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

见Steve Faulkner's post over at The Paciello Group Blog

【讨论】：

该链接说明了一切。谢谢

【解决方案2】：

您可以使用 W3C 新标记验证服务来检查 ARIA http://validator.w3.org/nu/ 但请注意，ARIA 仅符合在 HTML5 中使用，而不是它是否工作有任何区别。 ARIA 同样适用于任何风格的 (X)HTML，只有验证器会阻塞。

【讨论】：